/* CSS Document */
/*#region 重置元素*/
*:focus {outline: none;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li,pre, form, fieldset, legend, button, input, textarea, th, td{padding: 0;margin:0;}
@font-face {
font-family: "SourceHanSansCN-Normal";
src: url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.woff2") format("woff2"),
url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.woff") format("woff"),
url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.ttf") format("truetype"),
url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.eot") format("embedded-opentype"),
url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.svg") format("svg"),
url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.otf") format("opentype");
font-weight: normal;
font-style: normal;
}
body{font:1em/1.3 "SourceHanSansCN-Normal", sans-serif;   -webkit-text-size-adjust: 100% !important; }
@font-face {
font-family: "Montserrat-Medium";
src: url("../font/Montserrat-Medium.woff2") format("woff2"),
url("../font/Montserrat-Medium.woff") format("woff"),
url("../font/Montserrat-Medium.ttf") format("truetype"),
url("../font/Montserrat-Medium.eot") format("embedded-opentype"),
url("../font/Montserrat-Medium.svg") format("svg");
font-weight: normal;
font-style: normal;
}
.mont{font-family: "Montserrat-Medium";}

@font-face{
font-family:neutra_text_tf;
src: url('../font/neutra_text_tf.eot');
src: url('../font/neutra_text_tf.eot?#iefix') format('embedded-opentype'),
url('../font/neutra_text_tf.woff') format('woff'),
url('../font/neutra_text_tf.ttf') format('truetype'),
url('../font/neutra_text_tf.svg#neutra_text_tf') format('svg');
}
.szfont{font-family: "neutra_text_tf";}

p,h1,h2,h3,h4,h5,img,button,dl,dt,dd,span {transition: all .5s;}
img{max-width:100%;}
button, input, select, textarea,h1, h2, h3, h4, h5, h6{font-size:1em;line-height:1.3;font-family: "SourceHanSansCN-Normal";}
address, cite, dfn, em, var { font-style:normal; }
code, kbd, pre, samp {font-family: courier new, courier, monospace; }
small { font-size:  0.75em; }
ul, ol { list-style: none; margin:0;}
body,legend { color:#262626;}
a{color:inherit;color:#262626;text-decoration: none;transition: .5s;  }

a:active{color:inherit;}
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom;}

fieldset, img { border: 0; }
button, input, select, textarea { }
table { border-collapse: collapse; border-spacing: 0; width:100%;word-break: break-all;}
table th {font-weight:normal;}
table th,table td {font-weight:normal;text-align:center;}
article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section,summary, time, mark, audio, video {display: block;margin: 0;padding: 0;}
img{vertical-align:middle;}
::-moz-placeholder { color:#000; }
input:-webkit-input-placeholder { color:#000; }
input:-moz-placeholder { color:#000; }
/*#endregion*/
/*#region 清除浮动*/
.clearfix:after{content: '\20';display: block;height: 0;clear: both;}
.clearfix { *zoom:1;}
/*#endregion */

.clear{ clear:both}
.clear:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.clear {zoom:1; }

.comdiv{
width:100%; overflow:hidden; margin:0; padding:0;}
.cssimg,.cssimgp img,.index_4_3_left_1_bg,.pro_1_mid_mid_left_bg,.ser_2_mid_pic_bg,.ser_1_right_bg{transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;/*transition-duration: 0.7s;-ms-transition-duration: 0.7s;-moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s;*/}
@media screen and (min-width:768px) {
.cssimg:hover,.cssimgp:hover img,.index_4_3_left:hover .index_4_3_left_1_bg,.pro_1_mid ul li:hover .pro_1_mid_mid_left_bg,.ser_2_mid ul li:hover .ser_2_mid_pic_bg,.ser_1_right:hover .ser_1_right_bg{/*-webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05);*/transform: scale(1.08, 1.08);}
}
.daxie{text-transform: uppercase;}
.cell_mid{ display: table; height:100%; width:100%; }
.cell_h{ height:100%;display: table-cell; vertical-align: middle; }
/*********header**********/
.menubg{ height:0;transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; opacity:0; visibility:hidden;position:fixed; right:0; top:0; z-index:88; idth:55.41666666666667%; background-image:url(../images/header/img3.png);}
.menubgb{background-color:#fff; background-image:none}
.menubgon{ height:100vh;opacity:1; visibility:visible;}
.header_mid{ position:relative; margin-right:2.60416666666667%;margin-left:2.60416666666667%; margin-top:1.25em; margin-bottom:1.25em; z-index: 5;}
#header{position:fixed; left:0; top:0; width:100%; z-index:999;}
.header_mid_right{position:absolute; left:255px; top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.header_mid_right ul li{ position:relative; z-index:10;display:inline-block; margin-left:3em;}
.header_mid_right ul li:nth-child(1){margin-left:0}
.header_mid_right ul li dl{ height:0;transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; opacity:0; visibility:hidden;position:absolute; left:0; width:230px; z-index:10; padding: 0em 1em 2em 2em;top: 35px;}
.header_mid_right_left.on ul li dl{height:auto; opacity:1; visibility:visible}
.header_mid_right ul li dl dd{margin-top:1.3em;}
.header_mid_right ul li dl dd a{color:#fff; display:block; position:relative;}
.header_mid_right ul li dl dd a:after{ background-color:#f7a6a6; opacity:.5; width:0;content:''; position:absolute; left:0; bottom:-1px; height:5px;transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.header_mid_right ul li dl dd a:hover:after{width:100%;}
.header_mid_right ul li dl dd a span{position:relative; z-index:10;}
.header_mid_right_right ul li{float:left; color:#fff; margin-left:.5em;  }
.header_mid_right_right ul li:nth-child(1){}
.header_mid_right_right ul li:last-child a{  border-radius:32px; padding-left:.65em; padding-right:.65em;
color:#fff; display:block; border:2px #fff solid; height:32px; line-height:26px;}
.header_mid_right_right ul li:last-child a span{
font-size:1.125em; display:block; position:relative; padding-right:25px;}
.header_mid_right_right ul li:last-child a span:after{-webkit-transform: translateY(-50%);transform: translateY(-50%);
content:''; position:absolute; right:0; top:52%; width:17px; height:15px; background-image:url(../images/index/img5.png); background-position:center; ackground-repeat:no-repeat }
.header_mid_right_right ul li:nth-child(1) span{font-size:1.8em; line-height:34px;}
.header_mid_right_left{margin-right:10.875em;}
.header_mid_right ul li a.biga{color:#fff; font-size:1.125em; display:inline-block; position:relative;}
.header_mid_right ul li:hover a.biga{color:#d61818}
.header_mid_right ul li a.biga:after{content:''; position:absolute; left:0; bottom:-10px; width:0; height:1px; background-color:#d61818;transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.header_mid_right ul li:hover a.biga:after{width:100%;}
.header_mid_right_right{position:absolute; right:0; top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%); background-position:left center; background-repeat:no-repeat;  padding-left:1.875em;}
.header_mid_right:after{content: '';position:absolute;display: block;height: 0;width:200vw;z-index: 1; background: rgba(0,0,0,0.8); top:-100px;left:-50%;opacity: 0; transition: 0.3s;}
.header_mid_right:hover:after{opacity: 1;height: 430px;}


@media screen and (max-width:1280px) {
    .header_mid_right_right{display: none}
}

/*******index************/
.banner_img{ position:relative;width:100%; height:100vh;}
.banner_img_pc{position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background: #000}
.indexbanner{ position:fixed;left:0; top:0; width:100%;}
.banner_img_jj{ top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%); z-index:10; width:100%;position:absolute; z-index:10; color:#fff; left:0%;right:0%;}
.banner_img_pc iframe{position: absolute;z-index: 1; opacity: 0.7}
.banner_img_cir{-webkit-transform: translateY(-50%);transform: translateY(-50%); width:24.58333333333333vw; z-index:1;position:absolute; left:20.83333333333333%; top:50%;}
.banner_img_jj_mid_1{font-size:4.5em; font-weight:bold}
.banner_img_jj_mid_2{font-size:2.25em; margin-top:.65em;}
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom, .swiper-pagination-fraction{left:calc(280px + 2.60416666666667vw); width:auto; text-align:left; bottom:7.29166666666667vw;bottom:calc(20px + 7.29166666666667vw)}
.indexbanner .swiper-pagination-bullet{ position:relative;width:1.25em; height:1.25em;  background:none; opacity:1; background-image:url(../images/index/img3.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.indexbanner .swiper-pagination-bullet:after{border-radius:100%; background-image:url(../images/index/img2.png); background-position:center; background-repeat:no-repeat; background-size:cover;content:''; position:absolute; left:50%; top:50%; width:0; height:0; opacity:0;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.indexbanner .swiper-pagination-bullet-active:after{ opacity:1;width:100%; height:100%; left:0; top:0;  }
.indexbanner .swiper-pagination-bullet-active{}
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px 0 0;}
.indexmid{ margin-top:100vh; background-color:#fff;position:relative; z-index:11;  }
.indexbanner_cir{ width:10.26041666666667vw; height:10.3125vw; cursor:pointer;position:absolute; right:5.20833333333333vw; bottom:5.20833333333333vw; z-index:10;}
.indexbanner_cir:after{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/index/img1.png);animation:fadenum 5s linear infinite;}
@keyframes fadenum{
0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}

}
.indexbanner_cir:before{-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%); position:absolute;content:''; left:50%; top:50%; width:1.25em; height:3.875em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/index/img2.png);}
.indexbanner_cir:hover:after{animation-play-state:paused}


@media screen and (max-width:1023px) {
    .banner_img_pc{display: none}
    .banner_img_mo{display: block;position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background: #000}
    .banner_img_mo iframe{position: absolute;z-index: 1; opacity: 0.7}

}
.indexmid_1{ position:relative;background-color:#033041; color:#fff; padding:8.59375vw 0;}
.indexmid_1_left{margin-left:18.75%; overflow:hidden;}
.indexmid_1_left img{width:100%;}
.indexmid_1_right{-webkit-transform: translateY(-50%);transform: translateY(-50%); max-width:975px;position:absolute; left:6.77083333333333%;right:6.77083333333333%; top:50%;}
.indexmid_1_right_mid_1{font-size:3em; font-weight:bold}
.indexmid_1_right_mid_2{font-size:1.125em; line-height:2; margin:2em 0;}
.comview{display:inline-block; position:relative; width:7.3125em; height:2em;}
.comview span{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; background-image:url(../images/index/img7.png);
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.comview_black span{background-image:url(../images/index/img9.png);}
.comview:hover span{left:1em;}
.pagew{margin:0 2.60416666666667%;}
.nybanner_jj_1_xcy{font-size:5em; text-align:left}
.indexmid_2_mid{position:relative; margin:11.45833333333333vw 0;}
.indexmid_2_mid_left{width:46.74698795180723%; overflow:hidden}
.indexmid_2_mid_left img{width:100%;}
.indexmid_2_mid_right{ top:4.6875vw;position:absolute; width:43.97590361445783%; left:56.02409638554217%;}
.indexmid_2_mid_right_1{overflow:hidden; margin-top:5.46875vw;}
.indexmid_2_mid_right_1 img{width:100%;}
.indexmid_3{ padding-top:11.71875vw; padding-bottom:8.125vw;background-attachment: fixed;background-image:url(../images/index/img13.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden}
.indexmid_3_mid_1{color:#fff;}
.indexmid_3_mid_2{color:#fff}
.indexmid_3_mid_2{font-size:1.5em; margin-top:.7em;}
.indexmid_3_mid_3{text-align:right;}
.indexmid_3_mid_4 ul li{ padding-top:4.42708333333333vw; margin-right:2.46987951807229%;float:left; width:31.68674698795181%; background-color:#fff; text-align:center; padding-bottom:3.75em;}
.indexmid_3_mid_4 ul li:nth-child(3n){margin-right:0}
.indexmid_3_mid_4_mid_1{position:relative; height:22.86458333333333vw;}
.indexmid_3_mid_4_mid_1:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transform: scale(0, 0); opacity:0; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/index/img18.png); margin-top:-11.69270833333333vw;position:absolute; width:23.38541666666667vw; height:23.38541666666667vw; left:50%; top:50%; margin-left:-11.69270833333333vw; content:'';}
.indexmid_3_mid_4_mid_1 img{-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%); z-index:10;position:absolute; left:50%; top:50%; max-height:80%;}
.indexmid_3_mid_4 ul li:hover .indexmid_3_mid_4_mid_1:after{opacity:1;transform: scale(1, 1);}
.indexmid_3_mid_4_mid_2{color:#181818; margin-left:1em; margin-right:1em;}
.indexmid_3_mid_4_mid_2_1{margin-top:1em;}
.indexmid_3_mid_4_mid_2_1 span{ font-size:1.5em;display:inline-block; position:relative; padding:0 .75em;}
.indexmid_3_mid_4_mid_2_1 span:before{-webkit-transform: translate(0%, -50%);transform: translate(0%, -50%);border-radius:100%;content:''; position:absolute; width:0.2916666666666667em; height:0.2916666666666667em; background-color:#5caf7d; left:0; top:50%;}
.indexmid_3_mid_4_mid_2_1 span:after{-webkit-transform: translate(0%, -50%);transform: translate(0%, -50%);border-radius:100%;content:''; position:absolute; width:0.2916666666666667em; height:0.2916666666666667em; background-color:#5caf7d; right:0; top:50%;}
.indexmid_3_mid_4_mid_2_2{
font-size:1.25em; margin-top:.5em; margin-bottom:1em;}
.indexmid_3_mid_4{
margin-top:4.75em;}
.indexmid_4{ position:relative; overflow:hidden; padding-top:8.125vw; padding-bottom:10.10416666666667vw;}
.indexmid_4:after{background-attachment: fixed; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/index/img17.jpg);
content:''; position:absolute; right:0; top:0; height:100%; width:67.55208333333333%;}
.indexmid_4 .pagew{
position:relative; z-index:10;}
.indexmid_4_1{
position:relative; padding:5em 0; margin-top:4.8125em;}
.indexmid_4_1_left{
position:absolute; left:0; top:0; height:100%; width:66.20481927710843%;}
.indexmid_4_1_left_bg{background-attachment: fixed;
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.indexmid_4_1_right{ overflow:hidden; background-color:rgba(23,130,165,0.92); color:#fff;
position:relative; z-index:10; margin-left:45.06024096385542%;}
.indexmid_4_1_right_mid{
margin:4em;}
.indexmid_4_1_right_mid_1 span{ font-size:1.25em;
display:inline-block; padding:0 9px; background-position:right center; background-repeat:no-repeat;}
.indexmid_4_1_right_mid_1 span:nth-child(1){
background-image:url(../images/index/img19.png); padding-left:0;}
.indexmid_4_1_right_mid_2{
font-size:2.5em; margin-top:1em;}
.indexmid_4_1_right_mid_2 a{
color:#fff}
.indexmid_4_1_right_mid_3{display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;word-wrap:break-word;
word-break:break-all;
font-size:1.125em; line-height:2; margin:1.5em 0 2.5em 0;}
.news_index_view{
font-size:1.125em; position:relative; color:#fff; display:inline-block; padding-right:3.4em;}
.news_index_view:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; right:0; top:50%; width:3em; height:2px; background-color:#fff;-webkit-transform: translateY(-50%);
transform: translateY(-50%);}
.news_index_view:hover{color:#fff;}
.news_index_view:hover:after{right:-.5em;}
.indexmid_5{ overflow:hidden; background-image:url(../images/index/img15.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;
background-attachment: fixed; text-align:center; color:#fff; padding:18.75vw 0; position:relative;}
.indexmid_5 .vcr{position:absolute; width:24.16666666666667vw;height:24.16666666666667vw; left:50%; top:50%; margin-left:-12.08333333333333vw; margin-top:-12.08333333333333vw;}
.indexmid_5 .pagew{position:relative; z-index:10;}
.indexmid_5_3{text-align:center}
.indexmid_5_3 a{display:inline-block; width:4.375em; height:4.375em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/index/img16.png);}
.indexmid_5_1{font-size:1.125em; letter-spacing:1.125em;}
.indexmid_5_2{ margin-top:.5em; margin-bottom:.5em;font-size:3em; letter-spacing:.4em;}

.xcy_about_1_left{ width:55%;float:left; margin-left:2.60416666666667%}
.xcy_about_1_right{float:right; margin-right:13.75%;}
.xcy_about_1_left_1{    color:#333;font-size:4.05em;}
.xcy_about_1_left_1 ul li span{ line-height:1.5;
display:inline-block; position:relative;}
.xcy_about_1_right_1{font-size:5.125em;color:#333;}
.xcy_about_1{padding:4.89583333333333vw 0;}
.xcy_footer_1_left_1,.xcy_footer_1_mid_1{margin-bottom:2em;}
.xcy_footer_1_mid_2 a{display:block; line-height:4.25em; border-radius:4.25em; max-width:240px; text-align:center; line-height:4.25em; border:2px #fff solid; color:#fff;  }
.xcy_footer_1_mid_1 dl dd{ float:left; margin-right:1.5em; margin-top:15px;}
.xcy_footer_1_mid_1 dl dd a{ background-position:center; background-repeat:no-repeat;display:inline-block; width:32px; height:32px; border:2px #fff solid; border-radius:100%;}
.xcy_footer_1_mid_1 dl dd:nth-child(1) a{background-image:url(../images/header/img1.png);}
.xcy_footer_1_mid_1 dl dd:nth-child(2) a{background-image:url(../images/header/img2.png);}
.xcy_footer_1_mid_1 dl dd:nth-child(3) a{background-image:url(../images/header/img3.png);}
.xcy_footer_1_mid_1 dl dd:nth-child(4) a{background-image:url(../images/header/img4.png);}
.xcy_footer_1_mid{float:left;}
.xcy_footer_1_right{float:right;}
.xcy_footer_1_right_1 a{color:#fff}
.xcy_footer_1_right_1{line-height:1.9; padding-bottom:1.5em;}
.xcy_about_2_mid{margin:0 13.54166666666667%;}
.xcy_about_2_mid .xcy_footer_1_mid_2 a{background: #f00;}
.xcy_about_2_mid .xcy_brand_3_1_mid_rft{bottom: 3vw}
.xcy_about_2_mid_1{ border-radius:1.5625vw 1.5625vw 0 0; margin:0 1.5625vw; overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;word-wrap:break-word;word-break:break-all;background-color:#e8eddb; font-size:2.5em; color:#333; padding:.2em .6em;}
.xcy_about_2_mid_3_left{position:absolute; left:0; top:0; font-size:2.5em; color:#333;}
.xcy_about_2_mid_3_right{line-height:1.8; color:#666; font-size:1.125em;}
.xcy_about_2_mid_3_right p{text-indent:2em;}
.xcy_about_2_mid_3{ margin-top:2.8125em;position:relative; padding-left:35.91954022988506%;}
.xcy_about_2_nav{position:absolute; right:6%; top:30%; z-index:10; width:2.125em; }
.xcy_about_2_nav .swiper-pagination-ok{position:static}
.swiper-pagination-ok .swiper-pagination-bullet{width:1.525em; height:1.525em; position:relative; display:inline-block; opacity:1; background:none; background-image:url(../images/about/img2.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.swiper-pagination-ok .swiper-pagination-bullet:after{background-image:url(../images/about/img1.png); background-position:center; background-repeat:no-repeat; background-size:cover;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; height:100%;content:''; position:absolute; left:0; top:0; width:100%; z-index:10;transform: scale(0, 0);}
.swiper-pagination-ok .swiper-pagination-bullet-active:after{transform: scale(1, 1);}

.xcy_about_2_mid_1 span{margin-right:.5em;}
.xcy_about_2_nav .swiper-pagination-ok .swiper-pagination-bullet{margin:.5em 0;}
.xcy_about_3{ overflow:hidden; color:#fff; padding-top:6vw;  background-attachment: fixed;background-image:url(../images/about/img4.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
.xcy_about_3 .xcy_about_3_top{background-image: -webkit-linear-gradient(top,#fff, #f2f2f2);}
.xcy_about_3 .xcy_about_1_left_1{font-size: 2em; color: #fff;}
.xcy_about_3 .xcy_about_1_left_1.xcy_about_1_left_1_w{color: #fff; width: 70%; line-height: 60px}
.xcy_about_3 .text01{opacity: 0.7; font-size: 20px}
.xcy_about_3 .text02{ font-size: 22px; font-weight: bold}
.xcy_about_3 .text03{ font-size: 18px; margin-top: 2vw; line-height: 36px;}

.xcy_about_3_1_mid{width:62%;}
.xcy_about_3_2_mid{margin-left:11vw;}
.xcy_about_3_2_mid ul li{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;float:left;}
.xcy_about_3_2_mid ul.u4 li{width:25%;}
.xcy_about_3_2_mid ul.u5 li{width:20%;}
.xcy_about_3_2_mid ul.u6 li{width:16.66666666666667%;}
.xcy_about_3_2_mid_mid{position:relative;}
.xcy_about_3_2_mid_mid_left{width:4.6875em; height:4.6875em; border:2px #a8a8a8 solid; border-radius:100%; text-align:center; position:relative;}
.xcy_about_3_2_mid ul li.on .xcy_about_3_2_mid_mid_left{border-color:#fff;  }
.xcy_about_3_2_mid_mid_left span{position:absolute; color:#a8a8a8; left:50%; top:50%;-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); font-size:1.125em;}

.xcy_about_3_2_mid ul li.on .xcy_about_3_2_mid_mid_left span{color:#fff;}
.xcy_about_3_2{margin-top:17vw; margin-bottom:4vw;}
.xcy_about_3_2_mid_mid_right{position:absolute; top:50%;-webkit-transform: translate(-0%, -50%);transform: translate(-0%, -50%); left:5.6875em; width:calc(100% - 6.6875em);}
.xcy_about_3_2_mid_mid_right img{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; float:left;width:100%;}
.xcy_about_3_2_mid_mid_right img:nth-child(2){position:absolute; left:0; top:0; z-index:10; opacity:0;}
.xcy_about_his_nav{ right:14.375vw; top:0;position:absolute; z-index:10; width:24.0625vw; height:24.0625vw;}
.xcy_about_his_nav_c{animation:fadenum 10s linear infinite;position:absolute; left:0; top:0; width:100%; height:100%; background-image:url(../images/about/img9.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.xcy_about_his_nav_c_mid{position:absolute; left:50%; top:50%; width:5.375em; height:.9375em; z-index:10;-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
.xcy_about_his_nav_c_mid_left{ cursor:pointer;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
position:absolute; left:0; top:0; background-position:left center; background-repeat:no-repeat; width:1.6875em; height:100%; background-image:url(../images/about/img7.png);}
.xcy_about_his_nav_c_mid_right{ cursor:pointer;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
position:absolute; right:0; top:0; background-position:right center; background-repeat:no-repeat; width:1.6875em; height:100%; background-image:url(../images/about/img8.png);}
.xcy_about_his_nav_c_mid_left:hover,.xcy_about_his_nav_c_mid_right:hover{width:50%;}
.xcy_about_3_top{font-size:4.2em; margin-bottom:1em; font-weight: bold;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-image: -webkit-linear-gradient(top,#d31716, #b30607);}
.xcy_about_1_left_1.xcy_about_1_left_1_w{color:#333;}
.xcy_about_1_left_1.xcy_about_1_left_1_w ul li span:after {background-color:#333;}

.xcy_about_2{padding-bottom:9.89583333333333vw;}
.xcy_about_2_mid_2{overflow:hidden;border-radius:1.5625vw;}
.xcy_about_2_mid_2 img{width:100%;}
.xcy_about_2_mid_1 div{opacity:.29}
.xcy_about_3_2_mid ul li.on .xcy_about_3_2_mid_mid_right img:nth-child(2){opacity:1;}
.xcy_about_2_mid_1 span{font-weight:bold;}


.xcy_about_1_left_1 ul li span:after{content:''; position:absolute; left:0; bottom:0; width:100%; height:0.048780487804878em; background-color:#333;}
/*******footer*********/
#footer{ overflow:hidden; color:#fff; position:relative; z-index:10; background: url('../images/b7.jpg') no-repeat center top;}
/*footer*/
.l-flex{display: flex;display: -webkit-flex;flex-direction: row;-webkit-flex-direction: row;flex-wrap: wrap;-webkit-flex-wrap: wrap}
.l-flex-column {display: flex;flex-direction: column;flex-wrap: wrap}
pre {font-family: inherit;white-space: pre-wrap;word-wrap: break-word}
.footer22{display: none;}
.footer-top {padding: 80px 0 40px; width: 85%; margin: 0 auto;}
.footer-top>.left .logo {width: calc(130px + 7px);display: block;}
.footer-contact {margin-top: 40px;}
.footer-contact>dt {margin-top:20px;display: flex;align-items: center;}
.footer-contact>dd {margin-top:10px;padding-left: 25px;}
.footer-contact>dd span{font-size: 26px}
.footer-contact>dt i {width: 25px;display: block;}
.footer-top>.center {margin-left: auto;margin-right: auto;padding-top: 15px;}
.footer-top>.center ul{margin-top: 2vw}
.footer-top>.center li{line-height: 36px}
.footer-top>.center li a{color: #fff}
.footer-top>.right {padding-top:15px;}
.footer-top>.right .tip {text-align: right; line-height: 31px}
.footer-top>.right .btn {height:60px;width: 180px;margin-top: 40px; border: 1px solid #fff;border-radius:60px;display: flex;align-items: center;justify-content: center;margin-left: auto; color: #fff;}
.footer-top>.right .btn i {margin-left: 20px;}
.footer-link {align-items: center; width: 85%; margin: 0 auto;}
.footer-link>.right {margin-left: auto;}
.footer-link>.left a {margin-right:40px;opacity: .7; color: #fff}
.footer-link>.left a:hover {text-decoration: underline;}
.footer-nav a:hover {text-decoration: underline;}
.footer-link>.left span {margin-right: 10px;}
.footer-copy {padding: 15px 7%;margin-top: 50px;border-top: 1px solid rgba(255, 255, 255, .2);}
.footer-copy>.right {    margin-left: auto;}
.footer-copy>.right a{color: #fff}
.footer-copy span {margin-left: 10px;}
.footer-copy span:first-child {margin-left: 0;}
.footer-share-item>* {margin-left:10px;display: flex;align-items: center;justify-content: center;width:50px;aspect-ratio: 1/1;border-radius: 50%;border: 2px solid #fff;}
.footer-share-item>*:first-child {margin-left: 0;}
.footer-copy span a{color: #fff}
.footer-share-item>*:hover {background-color: #fff;color: var(--color-dominant);}
.fixed-item>* .footer-share-item>* {width: auto;border: none;--size-10: var(--size-20);opacity: .7;}
.fixed-item>* .footer-share-item>*:hover {background: none;color: #fff;opacity: 1;}

@media screen and (max-width:1023px){
    footer .l-container{padding-bottom: 150px}
    .footer22{ width: 100%; height: 75px; ; display: block;	position: fixed; z-index: 8; bottom:0; left:0;}
    .footshadow{ width: 100%; height: 75px; display: none;}
    .footfun{ padding: 0 0px; height: 100%; overflow: hidden;}
    .footfun li{ float: left; width: 25%; height: 100%; background-color: #006f20;	-webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
    .footfun li:nth-child(odd){ background-color: #006f20}
    .footfun li a{ display: block; text-align: center; color: #fff; padding-top: 3px;}
    .footfun li a .pic{ height: 44px; line-height: 44px; font-size: 0;}
    .footfun li a img{ max-height: 40px; width: auto; height: auto;position: relative;}
    .footfun li h3{ line-height: 26px;font-size: 15px; font-weight: normal;}
    .footer-copy{display: none}
}
@media screen and (max-width:750px){
    .footerin{ padding: 16px 0 16px;}
}

#footerjoinus{position:fixed; left:0; bottom:0; width:100%; z-index:9999;}
#footerjoinus img{width:100%;}


/********about**************/
.nybanner{ width:100%;position:fixed; left:0; top:0; height:80vh;}
.nybanner_bg{position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.nybanner_jj{-webkit-transform: translateY(-50%);
transform: translateY(-50%); z-index:100;
position:absolute; left:0; top:50%; width:100%; text-align:center; color:#fff;}
.nybanner_jj_1{font-size:3.75em;}
.nybanner_jj_2{ margin-top:.4em;font-size:2.25em; letter-spacing:5px;}

.about_1{background-attachment: fixed; padding-bottom:13.54166666666667vw; padding-top:10.9375vw;
background-image:url(../images/about/img5.jpg); overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover; color:#fff;}
.about_1_mid_left_1{
font-size:1.875em; margin-bottom:.75em;}
.about_1_mid_left_2 h2{ font-weight:normal; padding-bottom:.1875em;
display:inline-block; position:relative; font-size:3em; padding-right:1.5em;}
.about_1_mid_left_2 h2:after{ width:100%;
content:''; position:absolute; left:0; bottom:0; height:0.4791666666666667em; background-color:#4fb051; opacity:.5;}
.about_1_mid_left_2 h2 span{
position:relative; z-index:10;}
.about_1_mid_left{ position:relative; z-index:10;
max-width:830px;}
.about_1_bg{ top:19.17545541706616%;opacity:.3; display:none;
position:absolute; width:30.26041666666667%; left:22.8125%;}
.about_1{
position:relative}
.about_1_mid_left_3{
line-height:2; margin-top:3.875em;}
.about_2_1_left{
float:right; overflow:hidden; width:43.97590361445783%;}
.about_2_1_left img{
width:100%;}
.about_2_1_right{ margin-top:5vw;
float:left; width:49.39759036144578%;}
.about_2_1{
margin-top:8.33333333333333vw;}
.about_2_2 .about_2_1_right{
float:right; width:43.97590361445783%;}
.about_2_2 .about_2_1_left{
float:left; width:49.39759036144578%;}
.about_3{ color:#fff;
position:relative; margin-top:11.61458333333333vw;}
.about_3_bg{ height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/about/img4.jpg);
position:absolute; width:93.22916666666667%;background-attachment: fixed; top:0; right:0}
.about_3_bg2{height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-color:#000; opacity:.5;
position:absolute; width:93.22916666666667%;background-attachment: fixed; top:5.98958333333333vw; left:0}
.about_3_mid{
position:relative; z-index:10;}
.about_3_mid_mid{
padding-left:5.46875vw;padding-bottom:5.46875vw;padding-right:5.46875vw; padding-top:12.8125vw;}
.about_3_mid_mid_1{
font-size:1.5em;}
.about_3_mid_mid_2{
line-height:1.8; margin-top:10px;}
.about_3_mid_mid ul li{
margin-top:2em;}
.about_3_mid_mid ul li:nth-child(1){
margin-top:0}
.nybody #footer{
padding-top:5.98958333333333vw;}
/*********product*****************/
.janke{
height:6.25vw;}
.pro_1{
padding:5em 0;   overflow:hidden; position:relative;}
.pro_1_mid_right{ background-image:url(../images/product/img4.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;background-attachment: fixed;
position:absolute; right:0; top:0; height:100%; width:63.38541666666667%;}
.pro_1_mid_left{
position:relative; z-index:10;}
.pro_1_mid_left_left{ overflow:hidden;
width:66.86746987951807%;}
.pro_1_mid_left_left img{
width:100%;}
.pro_1_mid_left_right{
position:absolute; right:0; top:50%;-webkit-transform: translateY(-50%);
transform: translateY(-50%); color:#fff; width:29.81927710843373%;}
.pro_1_mid_left_right_1{
font-size:3em;}
.pro_1_mid_left_right_2{
font-size:1.875em; margin-top:.5em; margin-bottom:1.125em;}
.pro_1_mid_left_right_3{
font-size:1.125em; line-height:2;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;word-wrap:break-word;
word-break:break-all; margin-bottom:2.5em;}
.pro_viewmore{
display:inline-block; position:relative; width:3.8125em; height:1.25em; }
.pro_viewmore span{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/product/img2.png);}
.pro_viewmore:hover span{
left:.5em;}
.pro_banner_pn{
position:absolute; left:6.77083333333333%; line-height:1.6; bottom:0; z-index:10; color:#656565;}
.pro_banner_pn a{
color:#656565}
.pro_2{
background-color:#eff5f3; overflow:hidden}
.pro_2 .indexmid_3_mid_4_mid_1 img{
max-height:80%;}
.pro_2 .indexmid_3_mid_4 ul li{
margin-bottom:4.375em;}
.pagination{
text-align:center;}
.pagination li{ font-size:1.25em;
display:inline-block; margin:0 5px; color:#292929;}
.pagination li a,.pagination li span{ width:2.4em; height:2.4em; text-align:center; line-height:2.2em;
color:#292929; display:block; position:relative; border:2px #333 solid; border-radius:10px;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.pagination li:nth-child(1) span,.pagination li:nth-child(1) a{
font-family:"宋体" }
.pagination li:nth-child(1) span:after,.pagination li:nth-child(1) a:after{-webkit-transform: translateY(-50%);
transform: translateY(-50%); background-image:url(../images/product/img5.png);transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:0; top:50%; width:100%; height:9px; background-position:left center; background-repeat:no-repeat;}

.pagination li:nth-child(1):hover span:after,.pagination li:nth-child(1):hover a:after{
left:-.5em;}

.pagination li:last-child span,.pagination li:last-child a{
font-family:"宋体"  }

.pagination li:last-child span:after,.pagination li:last-child a:after{-webkit-transform: translateY(-50%);
transform: translateY(-50%); background-image:url(../images/product/img6.png);transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; right:0; top:50%; width:100%; height:9px; background-position:right center; background-repeat:no-repeat;}
.pro_page{
margin-bottom:5em;}
.pagination li:last-child:hover span:after,.pagination li:last-child:hover a:after{
right:-.5em;}
.pagination li.active span,.pagination li a:hover{
background-color:#859e4b; border-color:#859e4b; color:#fff;}
.proinfo_banner{
position:absolute; left:46.19791666666667%; z-index:10; top:50%;-webkit-transform: translateY(-50%);
transform: translateY(-50%); color:#fff; right:6.77083333333333%;}
.proinfo_banner_1{
font-size:5.25em; margin-bottom:.18em;}
.proinfo_banner_2 h2{ padding-bottom:.1875em;
font-size:3.25em; font-weight:normal; display:inline-block; position:relative;}
.proinfo_banner_2 h2 span{
position:relative; z-index:10;}
.proinfo_banner_2 h2:after{
content:''; position:absolute; left:0; bottom:0; width:100%; background-color:#4fb051; opacity:.84; height:.5em;}
.proinfo_banner_3{
line-height:2; margin-top:2.5em;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 10;
overflow: hidden;word-wrap:break-word;
word-break:break-all; max-width:430px; font-size:1.125em;}
.pro_info_1{
position:relative}
.pro_info_1_jj{ top:20.55498458376156%;
position:absolute; z-index:10; color:#000; left:13.90625%;}
.pro_info_1_jj_2{ margin-bottom:1.5em;
font-size:1.875em; margin-top:.78em;}
.pro_info_1_jj_3{
font-size:1.25em; line-height:2;}
.pro_info_2_right{
float:right; width:46.44578313253012%; overflow:hidden}
.pro_info_2_right img{
width:100%;}
.pro_info_2_left{ position:absolute; top:-14.47916666666667vw;

width:46.44578313253012%;}
.pro_info_2_left_1{
overflow:hidden}
.pro_info_2_left_1 img{
width:100%;}
.pro_info_2{
position:relative; padding:7.29166666666667vw 0;}
.pro_info_2_left_2_mid_1{
font-size:1.875em; line-height:1.6;}
.pro_info_2_left_2_mid_2{ margin-top:1.375em;
font-size:1.25em; line-height:1.8;}
.pro_info_2_left_2_mid{ padding-top:5vw;
margin-left:16%; margin-right:16%;}
.pro_info_2_mid{
position:relative; padding-bottom:16em;}
.pro_info_3_mid{
padding-bottom:5.88541666666667vw;}
/*******news***********/
.news_1_mid{
position:relative;}
.news_1_mid_left{
overflow:hidden; width:65.66265060240964%;}
.news_1_mid_left img{
width:100%;}
.news_1_mid_right{ height:75%; top:12.5%; background-image:url(../images/news/img3.png); background-position:center; background-size:cover;
position:absolute; right:0; z-index:10; width:46.02409638554217%; color:#fff}
.news_1_mid_right a{
color:#fff}
.news_1_mid_right_mid_1 span{ padding:0 8px;
display:inline-block; font-size:1.125em; background-position:left center; background-repeat:no-repeat; background-image:url(../images/news/img4.png);}
.news_1_mid_right_mid_1 span:nth-child(1){
padding-left:0; background-image:none}
.news_1_mid_right_mid_2{display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;word-wrap:break-word;
word-break:break-all; margin-bottom:1em;
font-size:1.875em; margin-top:.4em; line-height:1.5;}
.news_1_mid_right_mid_3{
line-height:1.8;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;word-wrap:break-word;
word-break:break-all; margin-bottom:2.25em;}
.news_1_mid_right_mid{
margin:0 8%;}
.news_1{
padding-top:6.77083333333333vw;}
.news_2{ overflow:hidden;
padding-top:6.77083333333333vw;}
.news_2_1 ul li{ margin-right:1.6566265060241%;
float:left; width:32.2289156626506%; margin-bottom:5.5em;}
.news_2_1 ul li:nth-child(3n){
margin-right:0;}
.news_2_1_mid_1{
overflow:hidden}
.news_2_1_mid_1 img{
width:100%;}
.news_2_1_mid{
position:relative; padding-bottom:6.25em;}
.news_2_1_mid_2{ background-image:url(../images/news/img5.png); color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover;
position:absolute; left:7.5%; width:85%; z-index:10; bottom:0;}
.news_2_1_mid_2_mid{
padding-left:2.5em; padding-right:2.5em; padding-top:1.875em; padding-bottom:3em;}
.news_2_1_mid_2_mid_1 span{
display:inline-block; padding:0 5px; background-position:left center; background-repeat:no-repeat; background-image:url(../images/news/img4.png);}
.news_2_1_mid_2_mid_1 span:nth-child(1){
background-image:none; padding-left:0}
.news_2_1_mid_2_mid_2{display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;word-wrap:break-word;
word-break:break-all; min-height:3em;
font-size:1.5em; line-height:1.5; margin-top:.6em;}
.nybanner_news_info{
height:34.58333333333333vw;}
.nybanner_news_info_footer{
position:absolute; left:0; top:-6.25vw; width:100%;}
.nybanner_news_info_footer .pagew{
background-color:#fff; height:6.25vw;}
#newsinfo{ margin-top:34.58333333333333vw;
background-color:#033041; padding-bottom:6.09375vw;}
#newsinfo .pagew{
background-color:#fff; overflow:hidden}
.newsinfo_mid_1{
text-align:center}
.newsinfo_mid_2{
text-align:center}
.newsinfo_mid_1 span{
font-size:1.125em; display:inline-block; padding:0 6px; color:#656565; background-image:url(../images/news/img6.png); background-position:left center; background-repeat:no-repeat;}
.newsinfo_mid_1 span:nth-child(1){
background-image:none}
.newsinfo_mid_2{
font-size:2.25em; margin-top:.5em; margin-bottom:1.5em;}
.newsinfo_mid_3{
line-height:2; margin-bottom:4em;}
.newsinfo_mid{
margin:0 15.5421686746988%; padding-bottom:6em;}
.newsinfo_mid_4{ border-radius:3.5625em; margin:4.6875vw 0;
border:2px #000 solid; padding:1em 1em; overflow:hidden}
.newsinfo_mid_4_mid_left{
float:left; width:50%;}
.newsinfo_mid_4_mid_right{
float:right; width:50%; text-align:right}
.newsinfo_mid_4_mid{
position:relative; overflow:hidden;}
.newsinfo_mid_4_mid_mid{
position:absolute; left:50%; top:50%; z-index:10;-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
.newsinfo_mid_4_mid_mid a{
color:#033041;}
.newsinfo_mid_4_mid_left a{ padding-left:64px;
display:block; padding-right:0; position:relative;}
.newsinfo_mid_4_mid_left a:after{-webkit-transform: translate(0%, -50%);transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
transform: translate(0%, -50%);
content:''; position:absolute; width:43px; height:15px; background-position:left center; background-repeat:no-repeat; background-image:url(../images/brand/img2.png); left:0; top:50%;}

.newsinfo_mid_4_mid_right a{ padding-right:64px;
display:block; padding-left:0; position:relative;}
.newsinfo_mid_4_mid_right a:after{-webkit-transform: translate(0%, -50%);transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
transform: translate(0%, -50%);
content:''; position:absolute; width:43px; height:15px; background-position:right center; background-repeat:no-repeat; background-image:url(../images/brand/img3.png); right:0; top:50%;}
.newsinfo_mid_4 a{
color:#033041}
.newsinfo_mid_5{
font-size:2.5em;}
.newsinfo_mid_6{
margin-bottom:9.89583333333333vw;}

/*********joinus***********/
.joinus_1_mid{
position:relative;
}
.joinus_1_mid_left img{
display:none}
.joinus_1_mid_left{ height:110%;
position:absolute; left:0; top:-23%; width:81.80722891566265%;}
.joinus_1_mid_right{
margin-left:37.95180722891566%; position:relative; z-index:10; background-image:url(../images/joinus/img1.png); background-position:center; background-repeat:no-repeat; background-size:cover; color:#fff;}
.joinus_1_mid_right_mid_1{
font-size:3em;}
.joinus_1_mid_right_mid_2{
font-size:1.5em; margin-top:15px; margin-bottom:1.125em;}
.joinus_1_mid_right_mid_3 ul li{ padding-top:1em;
float:left; width:47%; position:relative; padding-bottom:1em;}
.joinus_1_mid_right_mid_3 ul li:nth-child(2n){
float:right}
.joinus_1_mid_right_mid_3_mid_1{
font-size:1.25em; margin-bottom:10px;}
.joinus_1_mid_right_mid_3_mid_2 dl dd{
display:inline-block; font-size:.875em; margin-left:1em;}
.joinus_1_mid_right_mid_3_mid_2 dl dd:nth-child(1){
margin-left:0}
.joinus_1_mid_right_mid_3 ul li:after{
content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#fff; opacity:.25;}
.jobnav_mid{ font-size:1.125em;
display:inline-block; position:relative; text-align:center; width:195px;}
.jobnav_mid_left{ cursor:pointer;
position:absolute; left:0; top:0; height:100%; width:68px; background-position:left center; background-repeat:no-repeat; background-image:url(../images/joinus/img8.png);}
.jobnav_mid_left:hover{
background-image:url(../images/joinus/img11.png);}

.jobnav_mid_right{ cursor:pointer;
position:absolute; right:0; top:0; height:100%; width:68px; background-position:right center; background-repeat:no-repeat; background-image:url(../images/joinus/img9.png);}
.jobnav_mid_right:hover{
background-image:url(../images/joinus/img10.png);}
.jobnav_mid span{
color:#55c655}
.jobnav{
margin-top:2.5em;}
.joinus_1_mid_right_mid{ padding:4vw 0;
margin:0 12.64591439688716%;}
.joinus_1_mid_right_mid_3_mid_2{overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.joinus_1_mid_left_bg{ z-index:1;
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;background-attachment: fixed; }
.joinus_1{ padding-bottom:5.20833333333333vw;
padding-top:14.58333333333333vw;}
.joinus_1_mid_left_bg_2{background-attachment: fixed;background-position:center; background-repeat:no-repeat; background-size:cover; left:21.9440353460972%;
width:47.34904270986745%; height:59.33609958506224%; position:absolute; bottom:-5.94744121715076%;}
.joinus_2{background-attachment: fixed; overflow:hidden; padding-top:12.13541666666667vw; padding-bottom:9.6875vw;
background-image:url(../images/joinus/img4.png); margin-top:3vw; background-position:center top; background-repeat:no-repeat; background-size:cover;}
.joinus_2_mid{ max-width:54.68521229868228%;
color:#fff; background-image:url(../images/joinus/img1.png); background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.joinus_2_mid_mid{
margin:0 12%; padding:2.96875vw 0 4.5vw 0; overflow:hidden}
.joinus_2_mid_mid_1{
font-size:1.125em; margin-top:.5em;}
.joinus_2_mid_mid_2{
font-size:1.5em; margin-top:1.5em; margin-bottom:1em;}
.joinus_2_mid_mid_3 ul li{
color:#ebebeb; border-bottom:1px #dddddd solid; padding:13px 0px;}
.joinus_2_mid_mid_3_1{ padding-left:1.5em;
background-repeat:no-repeat;}
.joinus_2_mid_mid_3 ul li:nth-child(1) .joinus_2_mid_mid_3_1{
background-image:url(../images/joinus/img5.png); background-position:left 4px;}
.joinus_2_mid_mid_3 ul li:nth-child(2) .joinus_2_mid_mid_3_1{
background-image:url(../images/joinus/img6.png); background-position:left 4px;}
.joinus_2_mid_mid_3 ul li:nth-child(3) .joinus_2_mid_mid_3_1{
background-image:url(../images/joinus/img7.png); background-position:left 8px;}
.joinus_2_mid_mid_3 ul li:nth-child(3){
border:none}
/**************pages*******************/
.nybanner_jj_2 span{
display:inline-block; position:relative; z-index:10; padding-bottom:.2em;}
.nybanner_jj_2_line{
position:relative}
.nybanner_jj_2_line:after{
content:''; position:absolute; left:50%; bottom:0;-webkit-transform: translateX(-50%);
transform: translateX(-50%); width:5em; height:0.6944444444444444em; background-color:#4fb051; opacity:.64}
.nybanner_jj_3{
color:#fff; font-size:1.25em; line-height:2; margin:0  auto;  max-width:1015px; margin-top:2em;}
.pages_1{ position:relative; margin-bottom:11.45833333333333vw;
margin-top:8.33333333333333vw; padding:4.75em 0; overflow:hidden;}
.pages_1_left{
position:absolute; left:11.77083333333333%; top:0; height:100%; width:81.45833333333333%;}
.pages_1_left_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;background-attachment: fixed;}
.pages_1_left_cir{ z-index:10; top:4.1522491349481%; width:37.14833759590793%;
position:absolute; left:12.78772378516624%; opacity:.5;}
.pages_1_right{ position:relative; z-index:100; overflow:hidden;
max-width:57%; background-image:url(../images/pages/img6.png); background-position:center; background-repeat:no-repeat; background-size:cover; color:#fff;}
.pages_1_right_mid{
margin:0 12%; padding:7.8125vw 0;}
.pages_2_mid_left{
float:left; width:52.83132530120482%; overflow:hidden}
.pages_2_mid_left img{
width:100%;}
.pages_2_mid_right{ margin-top:13.02083333333333vw;
float:right; width:40.36144578313253%; position:relative; z-index:10;}
.pages_2_mid_right_1 div{ overflow:hidden;
float:right; width:71.34328358208955%;}
.pages_2_mid_right_1 div img{
width:100%;}
.pages_2_mid_right_1{
margin-top:7.29166666666667vw;}
.pages_2{
overflow:hidden; position:relative}
.pages_2:after{ width:100%; height:4.84375vw; background-color:#033041;
content:''; position:absolute; left:0; bottom:0;}
.pages_3{background-color:#033041; padding-top:6.25vw; padding-bottom:10.9375vw;
overflow:hidden;}
.pages_3_mid{
position:relative; padding:9.89583333333333vw 0;}
.pages_3_mid_left{
position:absolute; right:0; top:0; height:100%; width:85.96385542168675%;}
.pages_3_mid_left_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;background-attachment: fixed;}
.pages_3_mid_right{ color:#fff;
position:relative; z-index:10; width:43.13253012048193%;}

.jobmask{ display:none;
position:fixed; left:0; top:0; width:100%; height:100%; z-index:999; background-color:rgba(0,0,0,0.63);}
.jobmask_mid{ overflow:hidden;
position:relative; background-color:#fff;}
.jobmask_mid_close{
position:absolute; right:1.875em; top:1.875em;}
.jobmask_mid_close a img{-webkit-transition: 1s;
-webkit-transition: -webkit-transform 1s ease-out;
transition: transform 1s ease-out;
-moz-transition: -moz-transform 1s ease-out;}
.jobmask_mid_close a:hover img{transform: rotateZ(360deg);
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);}
.jobmask_mid_mid{
margin:3em 4em; min-height:460px; max-height:460px; overflow:hidden; overflow-y:auto;}
.jobmask_mid_mid_1{
font-size:1.875em; color:#000;}
.jobmask_mid_mid_2{
color:#ababab; margin-top:4px;}
.jobmask_mid_mid_3{
color:#666; line-height:1.8; margin-top:1.5em; margin-bottom:1.5em;}
.jobmask_mid_mid_4{
color:#666;}
.jobmask_mid_mid_4 a{
color:#f91212}
.jobmask_mid_mid_3_jj{
display:none}
.ovh{
overflow:hidden}
.div1200{
max-width:75em; padding:0 1em; margin:0 auto}


/**********header*******************/
#header.cur.headroom--unpinned{top:-100%;}
#header.cur .header_mid{ margin-top:0; margin-bottom:0;}
#header.cur{background-color:#fff; padding:.5em 0;}
.header_mid_left a{ overflow:hidden;display:inline-block; position:relative; z-index: 2;}
.header_mid_left a:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;content:''; position:absolute; left:0; top:100%;opacity:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/logo.png);}
#header.cur .header_mid_left a img{opacity:0;  }
#header.cur .header_mid_left a:after{top:0; opacity:1;}

body.newsbody #header .header_mid_left a img{opacity:0;  }
body.newsbody #header .header_mid_left a:after{top:0; opacity:1;}
body.newsbody .header_mid_right ul li a.biga,body.newsbody .header_mid_right_right ul li{color:#000;}
body.newsbody .header_mid_right_right ul li:last-child a{border-color:#000; color:#000;}
body.newsbody .header_mid_right_right ul li:last-child a span:after {background-image:url(../images/index/img5b.png);}
#header.cur .header_mid_right_right ul li:last-child a{border-color:#000; color:#000;}
#header.cur .header_mid_right_right ul li:last-child a span:after {background-image:url(../images/index/img5b.png);}

#header.cur .header_mid_right ul li a,#header.cur .header_mid_right_right ul li{color:#000}
#header.cur .header_mid_right_right a{}
#header.cur .header_mid_right_right{}
#header.cur .header_mid_right ul li a:after{background-color:#000}
#header.cur .header_mid_right_left.on ul li dl{background: #fff;}

/*********nav************/
.nav-btn-box{ display:none;
position:absolute; top:50%;-webkit-transform: translateY(-50%);
transform: translateY(-50%); right:0%;}
.nav-btn{
display: block;
position: relative;
width: 1.5em;
height: 1em;
padding: 0;

}
.nav-btn .line {
width: 100%;
height: 2px;
position: absolute;
left: 0;
background-color: #383838;
transition: all .2s;
transform-origin: center;
}
.nav-btn .line1 {
top: 0;
}
.nav-btn .line2 {
top: 50%;
margin-top: -1px;
}
.nav-btn .line3 {
bottom: 0;
}
.nav-btn.cur .line{
top: 50%;
bottom: auto;
margin-top: -1px;
}
.nav-btn.cur .line1{
transform: rotate(45deg);
}
.nav-btn.cur .line2{
opacity: 0;
filter: alpha(opacity=0);
}
.nav-btn.cur .line3{
transform: rotate(-45deg);
}

.m-nav{
position: fixed;
top: 60.4px;
width: 100%;
z-index: 50;
box-sizing: border-box;
padding: 0 3.64583333333333%;
background-color: rgba(255,255,255,.95);
}
.m-nav li{
border-bottom: 1px solid #dcdcdc;
}
.m-nav li:last-child{
border-bottom: none;
}
.m-nav li .tit{
display: block;
font-size: 1em;
padding: .65em 0 .65em .5em;
color: #333;
position: relative;
}
.m-nav li .tit:before{content: "";position: absolute;right: 0;width: 1em;height: 1em;margin-top: -.5em;background-repeat: no-repeat;background-position: center;background-size: cover;background-image: url(../images/m-nav-jia.png);top: 50%;transition: all .2s;}
.m-nav li:nth-child(1) .tit:before{display: none;}
.m-nav li:nth-child(4) .tit:before{display: none;}
.m-nav li:nth-child(5) .tit:before{display: none;}
.m-nav li:nth-child(6) .tit:before{display: none;}
.m-nav li:nth-child(7) .tit:before{display: none;}
.m-nav li.on .tit:before{transform: rotate(45deg);}
.m-nav li .navson{padding-bottom: .3rem;display: none;}
.m-nav li .navson a{display: block;font-size: .9375em;line-height: 1.5;padding: 0.3em 1em;color: #333;}
body.no-scroll { overflow:hidden;}
.xcy_about_3_1{position:relative}
.xcy_about_4{ padding-top:10.41666666666667vw;overflow:hidden; padding-bottom:9.89583333333333vw; position:relative;}
.shuye{position:absolute; right:0; top:7vw; width:49.94791666666667%;}
.xcy_about_5{ padding-top:9.63541666666667vw;color:#fff;  background: url('../images/about/xmbg.jpg') no-repeat center top;; position:relative; overflow:hidden;background-attachment: fixed; }
.xcy_about_5 .xcy_about_3_top{background-image: -webkit-linear-gradient(top,#fff, #f2f2f2);}
.xcy_about_5 .xcy_about_1_left_1.xcy_about_1_left_1_w{color: #fff}
.xcy_about_5 .xcy_about_1_left_1.xcy_about_1_left_1_w ul li span:after{background-color: #686666}

.xcy_about_5_2{ margin-bottom:5.41666666666667vw;margin-left:10.9375vw; margin-top:6.51041666666667vw;}
.swiper-container-hb .swiper-slide,.swiper-container-hb .swiper-slide .xcy_about_5_2_mid {width: 17vw; margin-right:1.5625vw}
.swiper-container-hb .swiper-slide-active,.swiper-container-hb .swiper-slide-active .xcy_about_5_2_mid{width:35.52083333333333vw;}
.xcy_about_5_2_mid{border-radius: 1.5625vw; background-size:cover;position:relative; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover; height:27vw;}
.xcy_about_5_2_mid img{width:auto; max-width:none;}
.xcy_about_5_2_mid:after{transition: all .2s;content:''; position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; background-color:#000; opacity:.7;}
.xcy_about_5_2_jj{position:absolute; left:0; bottom:0; width:100%; z-index:10; color:#333;}
.xcy_about_5_2_jj_mid{margin:2.60416666666667vw;}
.xcy_about_5_2_jj_mid span{ border-radius:2.875em; color: #fff;display:inline-block; border:2px #fff solid; display:inline-block; font-size:1.25em; padding:.4em 1em;}
.xcy_about_5_2_jj_mid span a{color: #fff}
.xcy_about_5_2_jj_mid_2{margin-top:5px;}
.swiper-container-hb .swiper-slide-active .xcy_about_5_2_mid:after{opacity:0;}

.xcy_about_5 .pagew{position:relative; z-index:10;}
.xcy_about_5_bg{ top:6.67708333333333vw;position:absolute; right:0; width:38.80208333333333%;}
.xcy_about_6{ overflow:hidden; color:#fff; padding-top:9.89583333333333vw; padding-bottom:19vw;background-attachment: fixed;background-image:url(../images/about/img12.jpg); background-position:center bottom; background-repeat:no-repeat; background-size:cover;}
.xcy_about_6_mid_left{float:left; width:39.83516483516484%;}
.xcy_about_6_mid_right{float:right; width:48.35164835164835%; margin-right:11.5%;}
.xcy_about_6_mid_right_1{text-align:right; margin-bottom:6em; margin-top:1em;}
.xcy_about_6_mid_right_1_mid{display:inline-block; position:relative; width: 5.375em;height: .9375em;}
.xcy_about_his_nav_c_mid_left{ cursor:pointer;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
position:absolute; left:0; top:0; background-position:left center; background-repeat:no-repeat; width:1.6875em; height:100%; background-image:url(../images/about/img7.png);}
.xcy_about_his_nav_c_mid_right{ cursor:pointer;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
position:absolute; right:0; top:0; background-position:right center; background-repeat:no-repeat; width:1.6875em; height:100%; background-image:url(../images/about/img8.png);}
.xcy_about_6_mid_right_2_mid{
text-align:center; background-color:#fff; border-radius:1.25vw; overflow:hidden;}
.xcy_about_6_mid_right_2_mid_1{
padding:0 0 1em 0;}
.xcy_about_6_mid_right_2_mid_1 img{
width:100%;}
.xcy_about_6_mid_right_2_mid_2{ line-height:1.6;
color:#000; font-size:1.25em; padding:0 .5em; padding-bottom:2em;}
.xcy_about_5_2_top{
text-align:right; padding-right:11.5%;}
.xcy_brand_2{
padding-bottom:10.9375vw;}
.xcy_brand_1_nav{
position:absolute; z-index:10; right:2.60416666666667vw; bottom:2.60416666666667vw;}
.xcy_about_his_nav_c_mid_left.xcy_about_his_nav_c_mid_left_black{
background-image:url(../images/brand/img2.png);}
.xcy_about_his_nav_c_mid_right.xcy_about_his_nav_c_mid_right_black{
background-image:url(../images/brand/img3.png);}
.xcy_brand_3{ padding-bottom:9.11458333333333vw; padding-top:9.89583333333333vw;
color:#fff; background-color:#98a086; overflow:hidden;}
.xcy_brand_3_1_mid{position:relative;}
.xcy_brand_3_1_mid_left{width:58.90804597701149%;}
.xcy_brand_3_1_mid_left ul li,.xcy_brand_3_1_mid_right ul li{ margin-bottom:1.04166666666667vw;position:relative;}
.xcy_brand_3_1_mid_right{ top:40%;-webkit-transform: translateY(-50%);transform: translateY(-50%);position:absolute; right:0; width:40.01436781609195%;}
.xcy_about_2_mid_2{position:relative;}
.xcy_brand_3_1_mid_left ul li .xcy_about_2_mid_2:after,.xcy_brand_3_1_mid_right ul li .xcy_about_2_mid_2:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
background-color:#000; position:absolute; left:0; top:0; width:100%; height:100%; z-index:5; content:''; opacity:.3;}

.xcy_brand_3_1_mid_left ul li:hover .xcy_about_2_mid_2:after,.xcy_brand_3_1_mid_right ul li:hover .xcy_about_2_mid_2:after{opacity:0;}
.xcy_brand_3_1{margin-top:8.59375vw;}
.xcy_brand_4_1_mid{position:relative; margin-bottom:5vw;}
.xcy_brand_4_1_mid_right{ border-radius:1.5625vw;margin-left:46%; overflow:hidden;}
.xcy_brand_4_1_mid_right img{width:100%;}
.xcy_brand_4_1_mid_left{ background-color:#e8eddb;   min-height:26.5625vw;position:absolute; left:0; z-index:10; width:52%; z-index:10; bottom:3vw;border-radius:1.5625vw;}
.xcy_brand_4_1_mid_left_mid{padding:0 2.60416666666667vw; padding-top:6vw; padding-bottom:2.60416666666667vw}
.xcy_brand_4_1_mid_left_mid_1{font-size:1.25em; color:#333; font-weight:bold; margin-bottom:1em;}
.xcy_brand_4_1_mid_left_mid_2{font-size:1em; color:#666; line-height:1.9;}
.xcy_brand_4_1_mid_left_c{position:absolute; left:0; z-index:100; bottom:0; width:15.52083333333333vw;}
.xcy_brand_4_1_mid_left_c img{animation:fadenum 10s linear infinite;position:absolute; left:0; bottom:-7.76041666666667vw; width:100%;}
.xcy_brand_4_1{ margin-bottom:2.20833333333333vw;margin-top:7.8125vw;}
.xcy_brand_4_1_mid_left_c span{position:absolute; left:0%; width:100%; text-align:center;-webkit-transform: translateY(-50%);
transform: translateY(-50%); color:#859e4a; top:50%; z-index:10; font-size:1.8125em;}
.xcy_brand_4_2_mid{
position:relative; height:5em;}
.xcy_brand_4_2_mid_c{
position:absolute; width:33.3333%; height:100%; top:0; left:0;}
.xcy_brand_4_2_mid_c_2{
left:calc(33.3333% - 1.25em);}
.xcy_brand_4_2_mid_c_3{
left:calc(66.6666% - 2.5em);}
.xcy_brand_4_2_mid_c_4{
left:calc(100% - 5em);}
.xcy_brand_4_2_mid_c_c{ position:absolute; left:0; top:0;
border:2px #333 solid; border-radius:100%; width:5em; height:5em; cursor:pointer}
.xcy_brand_4_2_mid_c_c span{-webkit-transform: translateY(-50%);
transform: translateY(-50%); font-size:1.125em; color:#333;
position:absolute; left:0; width:100%; text-align:center; top:50%;}
.xcy_brand_4_2_mid_c_img{
position:absolute; top:50%;-webkit-transform: translateY(-50%);
transform: translateY(-50%);left:6em; right:3.5em; width:calc(100% - 9.5em);}
.xcy_brand_4_2_mid_c_img img{
float:left; width:100%;}
.xcy_brand_4_2_mid_c_img img:nth-child(2){
position:absolute; left:0; top:0; z-index:10; opacity:0;}
.xcy_brand_4_2_mid_c_4 .xcy_brand_4_2_mid_c_img{
display:none}
.xcy_brand_4_2_mid_c_2 .xcy_brand_4_2_mid_c_img,.xcy_brand_4_2_mid_c_1 .xcy_brand_4_2_mid_c_img{width:calc(100% - 8.25em);}
.xcy_brand_4_2_mid_c.on .xcy_brand_4_2_mid_c_img img:nth-child(2){
opacity:1}
.xcy_brand_4_2_mid_c.on .xcy_brand_4_2_mid_c_c{
border-color:#859e4b;}
.xcy_brand_4_2_mid_c.on .xcy_brand_4_2_mid_c_c span{ color:#859e4b}
.xcy_brand_4{ padding-top:10vw;
padding-bottom:10.26041666666667vw;}
.xcy_brand_5{ overflow:hidden; color:#fff; padding-bottom:12.8125vw;
background-image:url(../images/brand/img15.jpg); background-position:right top; background-repeat:no-repeat; background-size:cover;}
.xcy_brand_5_1{
position:relative; margin-top:8.85416666666667vw;}
.xcy_brand_5_1 img{
width:100%;}
.k1{ background-color:#98a086; border-radius:100%;
position:absolute; left:0; top:0; width:18.48958333333333vw; height:18.48958333333333vw;}
.k2{background-color:#98a086; border-radius:100%;
position:absolute; bottom:0; border-radius:100%; background-color:#98a086;
left:8.77674163466813%; width:1.82291666666667vw; height:1.82291666666667vw;}

.k3{background-color:#98a086; border-radius:100%;
position:absolute; top:8%; border-radius:100%; background-color:#98a086;
left:20.02194185408667%; width:5.41666666666667vw; height:5.41666666666667vw;}

.k4{background-color: rgba(152,160,134,.12);border-radius:100%;
position:absolute; bottom:0%; border-radius:100%;
left:21.83214481623697%; width:16.45833333333333vw; height:16.45833333333333vw;}

.k5{background-color: rgba(152,160,134,1);border-radius:100%;
position:absolute; top:15.18438177874187%; border-radius:100%;
left:37.13658804168952%; width:7.8125vw; height:7.8125vw;}

.k6{background-color: rgba(152,160,134,1);border-radius:100%;
position:absolute; bottom:0%; border-radius:100%;
left:42.78661546900713%; width:5.57291666666667vw; height:5.57291666666667vw;}

.k7{background-color: rgba(152,160,134,.12);border-radius:100%;
position:absolute; top:43.38394793926247%; border-radius:100%;
left:49.91771804717499%; width:5.57291666666667vw; height:5.57291666666667vw;}

.k8{background-color: rgba(152,160,134,1);border-radius:100%;
position:absolute; top:0%; border-radius:100%;
left:55.73230938014262%; width:14.89583333333333vw; height:14.89583333333333vw;}

.k9{background-color: rgba(152,160,134,.12);border-radius:100%;
position:absolute; bottom:0%; border-radius:100%;
left:70.54306088864509%; width:16.45833333333333vw; height:16.45833333333333vw;}

.k10{background-color: rgba(152,160,134,1);border-radius:100%;
position:absolute; top:0%; border-radius:100%;
left:80.08776741634668%; width:6.25vw; height:6.25vw;}

.k11{background-color: rgba(152,160,134,1);border-radius:100%;
position:absolute; top:22.7765726681128%; border-radius:100%;
right:0%; width:10.10416666666667vw; height:10.10416666666667vw;}

.kmid{text-align:center; color:#333;}
.kmid_2{font-size:1.125em;}
.kmid_1{font-size:5em;}
.k4 .kmid,.k9 .kmid,.k7 .kmid{color:#98a086}
.xcy_j_1 ul li{ margin-top:4.6875vw;position:relative; padding-top:7.8125vw;}
.xcy_j_1_num{ font-size:26vw; line-height:.7;position:absolute; left:2.60416666666667%; top:0;-webkit-text-stroke: 1px #f9bbbb; color:rgba(0,0,0,0);}
.xcy_j_1 ul li .xcy_about_2_mid{position:relative; z-index:10; padding-bottom:5.88541666666667vw;}
.xcy_j_1_mid_right{overflow:hidden; margin-left:50%;border-radius: 1.5625vw; position:relative; z-index:10;}
.xcy_j_1_mid_right img{width:100%;}
.xcy_j_1_mid_left{border-radius: 1.5625vw;position:absolute; left:0; top:0; background-color:#f2f2f2; height:100%; width:91.5351506456241%;}
.xcy_j_1 ul li:nth-child(2n) .xcy_j_1_mid_right{margin-left:auto; margin-right:50%;}
.xcy_j_1_mid_left_mid{padding-left:4%; padding-right:52%;}
.xcy_j_1 ul li:nth-child(2n) .xcy_j_1_mid_left{left:auto; right:0;}
.xcy_j_1 ul li:nth-child(2n) .xcy_j_1_mid_left_mid{padding-right:4%; padding-left:52%;}
.xcy_j_1_mid_left_mid_1{font-size:2.5em; color:#333; margin-bottom:.4em;}
.xcy_j_1_mid_left_mid_2{font-size:1.125em; color:#666; line-height:1.8;}
.xcy_about_1_jt{padding-bottom:0;}
.xcy_j_1 ul li:nth-child(2n) .xcy_j_1_num{right:0; left:auto;}
.xcy_j_1{padding-bottom:10.3125vw;}
.xcy_j_1 ul{position:relative}

.xcy_about_2_nav_j{right:1em;  bottom:0; position:fixed}
.indexmidd{padding-top:15.52083333333333vw;   background-color:#fff;}
.xcy_news_1_mid_jj{position:relative; padding-bottom:4.16666666666667vw;}
.xcy_news_1_mid_jj_left{ position:relative; z-index:10;width:71%; overflow:hidden;border-radius: 1.5625vw;}
.xcy_news_1_mid_jj_left img{width:100%;}
.xcy_news_1_mid_jj_right{border-radius: 1.5625vw;position:absolute; right:0; top:0; height:100%; width:71%; background-color:#f6f8f1;}
.xcy_news_1_mid_jj_right_jj{position:absolute; left:65%; padding-right:8%; top:10.41666666666667vw;}
.xcy_news_1_mid_jj_right_jj_1{font-size:1.25em;}
.xcy_news_1_mid_jj_right_jj_2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;word-wrap:break-word;word-break:break-all;font-size:2.25em; line-height:1.6; margin-top:.5em;}
.xcy_news_2_1 ul li{float:left; width:49%; margin-top:3.64583333333333vw;}
.xcy_news_2_1 ul li:nth-child(2n){float:right;}
.xcy_news_2_1_mid_1{ position:relative;overflow:hidden;border-radius: 1.5625vw;}
.xcy_news_2_1_mid_1:after{ background-image:url(../images/news/img1.png);-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; opacity:0;
content:''; position:absolute; left:50%; top:50%; z-index:10; width:8.375em; height:8.375em; background-position:center; background-repeat:no-repeat; background-size:cover;}
.xcy_news_2_1 ul li:hover .xcy_news_2_1_mid_1:after{
opacity:1;}
.xcy_news_2_1_mid_1 img{
width:100%;}
.xcy_news_2_1_mid_2{
color:#333; margin-top:2.5em;  }
.xcy_news_2_1 ul li .xcy_news_1_mid_jj_right_jj_2{-webkit-line-clamp: 2; min-height:3.2em;}
.xcy_pro_page{
margin:8vw 0;}
.xcy_news_2{
margin-top:6.77083333333333vw;}
.xcy_news_1_mid{
position:relative;}
.xcy_news_1_mid_c{ top:-5.28645833333333vw; right:-5.28645833333333vw; cursor:pointer;
position:absolute; z-index:10; width:10.57291666666667vw;height:10.57291666666667vw;}
.xcy_news_1_mid_c img{
position:absolute; left:0; top:0; width:100%;animation:fadenum 8s linear infinite;}
.xcy_news_1_mid_c span{
position:absolute; left:50%; top:50%; -webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); width:.9375em; height:1.3125em; background-image:url(../images/news/img3.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.xcy_news_1_mid_act{position:absolute; left:0; bottom:0; z-index:10;}
.xcy_news_info_1{position:relative; padding-right:13vw; padding-bottom:5vw;}
.xcy_news_info_2{text-indent:2em;    line-height:36px; font-size:18px; color:#666;}
.xcy_news_info_2 img{display: block; margin: 0 auto;}
.xcy_news_info_2 iframe{width: 80%; margin: 0 auto; display: block; height:600px;}
.xcy_contact_1_mid_left_1{font-size:2.5em;}
.xcy_contact_1_mid_left{ width:42.52873563218391%;position:absolute; left:0; top:0; height:100%; background-color:rgba(214, 24, 24, 0.1);}
.xcy_contact_1_mid{position:relative; padding-left:44%;}
.xcy_contact_1_tt{ width:100%;position:absolute; left:0; top:-9.375vw;}
.xcy_contact_1_mid_right{position:relative;}
.xcy_contact_1_mid_right ul li{padding-top:1em; padding-bottom:1em;float:left; width:48%; background-color:#f6f8f1; margin-top:1em; }
.xcy_contact_1_mid_right ul li:nth-child(2n){float:right;}
.xcy_contact_1_mid_right ul li div{ height:22.8px;position:relative; padding-left:1.25em; padding-right:1em;}
.xcy_contact_1_mid_right ul li div span{position:absolute; left:5px; top:.2em; color:#ff0000;}
.xcy_contact_1_mid_right ul li div select{ color:#333;border:none; background:none; width:100%;appearance:none;
-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari 和 Chrome */
background-image:url(../images/contact/img1.png); font-size:1em;
background-position:right center; background-repeat:no-repeat; }
.xcy_contact_1_mid_right ul li div input.wb{ font-size:1em;
border:none; background:none; width:100%;height:22.8px;}
.xcy_contact_1_mid_right ul li dl dd{
float:left; width:49%;}
.xcy_contact_1_mid_right ul li dl dd:nth-child(2){
float:right}
.xcy_contact_1_mid_right ul{
position:relative; overflow:hidden}
.xcy_contact_1_mid_right ul li div p{ position:relative;
float:left; width:45%; text-align:left;}
.xcy_contact_1_mid_right ul li:nth-child(4) dl dd{
width:35%; }
.xcy_contact_1_mid_right ul li:nth-child(4) dl dd:nth-child(2){
width:65%; }
.xcy_contact_1_mid_right ul li div p input{
position:absolute; left:0; top:50%;-webkit-transform: translateY(-50%);
transform: translateY(-50%);}
.xcy_contact_1_mid_right ul li div p label{
padding-left:1.5em;}
.xcy_contact_1_mid_right ul li:nth-child(7),.xcy_contact_1_mid_right ul li:nth-child(8){
clear:both}
.xcy_contact_1_mid_right ul li:nth-child(8){
float:left}
.xcy_contact_1_mid_right ul li:last-child{
position:absolute; right:0; bottom:0; width:48%; height:126px;}
.xcy_contact_1_mid_right ul li:last-child textarea{    resize: none;
border:none; background:none; width:100%; height:100px;}
.xcy_contact_1_mid_right ul li:nth-child(1),.xcy_contact_1_mid_right ul li:nth-child(2){
margin-top:0}
.xcy_about_1_contact{
padding-bottom:18.95833333333333vw;}
.xcy_contact_1_mid_left_mid{
margin:0 2.60416666666667vw;}
.xcy_contact_1_mid_left_mid ul li{
position:relative; padding-left:98px; min-height:66px;}
.xcy_contact_1_mid_left_mid_left{
position:absolute; left:0; top:0}
.xcy_contact_1_mid_left_mid_right_2{
color:#d61818; font-size:2em;}
.xcy_contact_1_mid_left_mid_right_1{
line-height:1.7;}
.xcy_contact_1_mid_left_mid ul li:nth-child(2) .xcy_contact_1_mid_left_mid_right{
padding-top:0em;}
.xcy_contact_1_mid_left_mid ul li:nth-child(2){
margin-top:2.34375vw;}
.xcy_contact_1_mid_footer_right{
margin-left:44%; padding:5.20833333333333vw 0;}
.xcy_contact_1_mid_footer_right .xcy_footer_1_mid_2 a{border-color:#000; color:#000;}
.xcy_contact_1_mid_footer_right .xcy_footer_1_mid_2 a span:after {background-image:url(../images/img2b.png);}
.xcy_about_3_contact{ padding-bottom:5.20833333333333vw;
background-color:#3d533c; overflow:hidden; position:relative;}
.xcy_about_3_contact_mid__ ul li{ background-color:#e8eddb; text-align:center; margin-right:2.68199233716475%;
float:left; width:22.98850574712644%; height:25vw; border-radius:1vw; overflow:hidden;}
.xcy_about_3_contact_mid__ ul li:last-child{
margin-right:0}
.xcy_about_3_contact_mid_mid_2{
font-size:20px;}
.xcy_about_3_contact_mid_mid_1{
padding:4.6875vw 0;}
.xcy_about_3_contact_mid_mid_1 img{
max-width:44.6875%;}
.xcy_about_3_contact_mid__{
margin-top:9.63541666666667vw;}
#map_canvas{
height:34.21875vw;}
.banner_img_jj_mid_2_xcy{
font-size:2em; padding-top:.3em;}
.indexbanner_play{
position:absolute; left:2.60416666666667%; bottom:7.29166666666667vw; z-index:100;}
.indexbanner_play a{
display:block; border:2px #fff solid; width:15em; height:5em; border-radius:5em; color:#fff; position:relative;}
.indexbanner_play a span{-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); display:inline-block; padding-right:70px;
position:absolute; left:50%; top:50%; font-size:16px; position:relative;}
.indexbanner_play a span:after{-webkit-transform: translateY(-50%);
transform: translateY(-50%);
content:''; position:absolute; right:0; top:50%; width:35px; height:35px; background-image:url(../images/index/img4.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.xcy_index_1{ padding-bottom:5vw; padding-top:5.89583333333333vw; position:relative;background:url(../images/bg11.jpg); color:#333;}
.xcy_index_1_bg{ bottom:11.97916666666667vw;position:absolute; right:2.60416666666667%; width:62.70833333333333%;}

.xcy_index_1_dl dd{display:inline-block; margin-left:3.28125vw;}
.xcy_index_1_mid{ padding-top:3.64583333333333vw; position:relative;}
.xcy_index_1_mid:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 1s;content:''; position:absolute; left:0; top:0; height:4px; background-color:#d61818; width:0;}
.xcy_index_1_dl dd.animated .xcy_index_1_mid:after{width:100%;}
.xcy_index_1_mid_1{font-size:5.625em; font-family: 'Comfortaa'; line-height:.9;}
.xcy_index_1_mid_2{font-size:1.25em;}
.xcy_index_1_mid_1 span{position:relative;}
.xcy_index_1_dl dd:nth-child(1) .xcy_index_1_mid_1 span:after{content:'年'; font-size:.3em; position:absolute; right:0; top:25%; }
.xcy_index_1_dl dd:nth-child(1) .xcy_index_1_mid_1 span{padding-right:.5em;}
.xcy_about_1_right_index{margin-right:10%;}
.xcy_about_1_left_index{width:auto;}
.xcy_about_1_left_ww{width:100%;}
.xcy_contact_1_mid_footer_right.xcy_contact_1_mid_footer_right_hb{margin-left:0}
.xcy_about_1_ok{padding-top:8vw; padding-bottom: 3vw}

.xcy_index_1_b{background: url(../images/about.jpg) no-repeat center top;}
.xcy_index_1_b .xcy_about_1_ok{padding-bottom: 13vw}
.xcy_index_1_b .xcy_footer_1_mid_2 a{margin-top: 3.5vw}
.xcy_index_1_b .xcy_about_1_left_1{color: #fff}
.xcy_index_1_b .xcy_about_1_left_1 ul.animated li span:after{background-color: #fff;}
.xcy_index_1_b_1 .xcy_contact_1_mid_footer_right .xcy_footer_1_mid_2 a{background: #d61818; border:none; color: #fff}
.xcy_index_1_b_1 .xcy_contact_1_mid_footer_right .xcy_footer_1_mid_2 a span:after{background-image: url(../images/gt4.png);}

.xcy_index_2 {background: url('../images/wenhua.jpg') no-repeat center top;overflow:hidden;}
.xcy_index_2_1{text-align:center; margin-bottom:0}
.xcy_index_2_2{text-align:center; font-size:1.6em; color:#333; padding-top: 5px}
.xcy_index_2_2 .line{width: 80%; margin: 0 auto;}
.xcy_index_2_tt .line img{display: block; margin:10px auto 0 auto;text-align: center}
.xcy_about_2_mid_2_hdd:after{content:''; position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; background-color:#000; opacity:.3;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.swiper-container-video_2 .swiper-slide {padding:0 calc((100vw - 35.46875vw) * 0.015625);width: 35.46875vw;}
.swiper-container-video_2 .swiper-slide:hover .xcy_about_2_mid_2_hdd:after{opacity:0;}
.xcy_index_2_tt{padding:3.6875vw 0 2.6875vw 0;}
.syindexnav{text-align:center; padding:3vw 0;}
.xcy_index_1 .xcy_about_1,.xcy_index_1 .xcy_about_1_a,.xcy_index_1 .xcy_about_1_b{position:relative; z-index:10;}

.xcy_index_3{ padding-top:9.89583333333333vw; padding-bottom:11.19791666666667vw;overflow:hidden; color:#fff; background: url(../images/adv.jpg) no-repeat center top; background-attachment: fixed;}
.xcy_index_3 .xcy_about_3_top{ font-size: 42px;background-image: -webkit-linear-gradient(top,#fff, #f2f2f2);}
.xcy_index_3 .xcy_about_1_left_1.xcy_about_1_left_1_w {color: #fff;}
.xcy_index_3 .xcy_about_1_left_1.xcy_about_1_left_1_w ul li span:after {background-color: #fff;}

.xcy_index_3_1_mid{ height:12.03125vw;display:inline-block; position:relative; width:12.03125vw;}
.xcy_index_3_1_mid img{animation:fadenum 8s linear infinite;position:absolute; left:0; top:0; width:100%;}
.xcy_index_3_1{margin-top:5vw; margin-bottom:3vw;}
.xcy_index_3_2{padding-top:4.47916666666667vw;}
.oklist{-webkit-transform: translateY(-50%);transform: translateY(-50%);position:absolute; right:0; top:50%; width:48.68131868131868%;}
.oklist_img{ border-radius:100%; position:relative;overflow:hidden}
.oklist_img img{width:100%;}
.oklist_img:after{border-radius:100%;content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000; opacity:.2;}
.okt{ left:-15.20833333333333vw; top:0;position:absolute; z-index:10; width:34.41666666666667vw; height:34.41666666666667vw;}
.okt_mid{ background:#fff;position:absolute; width:7vw; height:7vw; background-position:center; background-repeat:no-repeat; background-size:cover;border-radius: 50%}
.okt_mid span{ display:block; width:60%; text-align:center; color: #f00; font-weight: bold; font-size: 34px; padding-top:23px ; margin: 0 auto;}
.okt_mid span img:nth-child(2){transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;position:absolute; left:50%;-webkit-transform: translateX(-50%);transform: translateX(-50%); top:0; z-index:10; opacity:0;}
.okt_mid:hover span img:nth-child(2){opacity:1;}
.okt_mid:hover:after{opacity:1;}


.okt_mid_1{left:50%; top:0;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.okt_mid_2{top:6.666667%; right:14.666667%; }
.okt_mid_3{right:0.958904%; top:28%;}
.okt_mid_4{bottom:25.95890410958904%; right:-1%; }
.okt_mid_5{right:15%; bottom:6.958904%;}

.okt_mid_6{bottom:0%; left:50%;-webkit-transform: translateX(-50%);transform: translateX(-50%); }
.okt_mid_7{left:15%; bottom:6.958904%;}
.okt_mid_8{bottom:24.95890410958904%; left:-2%; }
.okt_mid_9{left:-0.958904%; top:28%}
.okt_mid_10{top:6.666667%; left:14.666667%; }


.partner ul{width: 85%; margin: 0 auto 5% auto;display: flex; display:-webkit-flex;-webkit-justify-content: center;   justify-content:center; flex-wrap: wrap;border:1px solid transparent; border-color: rgba(151, 151, 151, 0.3);background: #fff;}
.partner li{ padding: 20px 0; width: 16%; border-right:1px solid transparent; border-color: rgba(151, 151, 151, 0.3); border-bottom:1px solid transparent; border-color: rgba(151, 151, 151, 0.3);transition: .5s; }
.partner li:nth-child(6n){border-right:none}
.partner li:nth-child(7){border-bottom:none}
.partner li:nth-child(8){border-bottom:none}
.partner li:nth-child(9){border-bottom:none}
.partner li:nth-child(10){border-bottom:none}
.partner li:nth-child(11){border-bottom:none}
.partner li:nth-child(12){border-bottom:none}

.partner li img{width: 80%; display: block; margin: 0 auto;}
.partner li:hover{box-shadow: 2px 0px 16px rgb(0 0 0 / 20%);-webkit-box-shadow: 2px 0px 16px rgb(0 0 0 / 20%);}

@media screen and (max-width:790px){
    .partner ul{width: 95%;}
    .xcy_news_info_2 iframe{width: 100%; height: 250px; margin: 0 auto; display: block}
}

.xcy_index_5{overflow:hidden; background-color:#fff;}
.xcy_indexab_r_mid{height:30.05208333333333vw; position:relative; overflow:hidden}
.xcy_indexab_r_mid_1{border-radius: 1.5625vw;position:absolute; left:0; top:0; overflow:hidden;width: 100%; height:54.24610051993068%;}
.xcy_indexab_r_mid_1_bg{position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.xcy_indexab_r{margin-left:10.41666666666667vw;}
.xcy_indexab_r .swiper-container .swiper-slide {padding:0 calc((100vw - 25.98958333333333vw) * 0.0078125);width: 25.98958333333333vw;}
.xcy_indexab_r .swiper-container .swiper-slide-active{width:51.875vw}

.xcy_indexab_r .swiper-container .swiper-slide-active .xcy_indexab_r_mid_1{height:100%;}
.xcy_indexab_r_mid_2{ color:#333;position:absolute; left:0; width:100%; z-index:10; top:61.52512998266898%;}
.xcy_indexab_r_mid_2 .xcy_news_1_mid_jj_right_jj_2{-webkit-line-clamp: 2;}
.xcy_indexab_r .swiper-container .swiper-slide-active .xcy_indexab_r_mid_2{color:#fff;}
.xcy_indexab_r .swiper-container .swiper-slide-active .xcy_indexab_r_mid_2_mid{padding:0 1.875em; max-width:70%}
.xcy_indexab_r .swiper-container .swiper-slide-active .xcy_indexab_r_mid_2{top:63.77816291161179%;}
.mmcindex{position:relative}
.mmcindex .xcy_about_5_2_top{position:absolute; z-index:10; right:0; top:-80px;}
.mmcindex .xcy_contact_1_mid_footer_right .xcy_footer_1_mid_2 a{margin:0 auto;}




#comp-kkpjvjrq{position: sticky;pointer-events: none;top:70px; z-index:99999999999999;display:var(--l_display,var(--display));align-self:start;justify-self:start;position:sticky;--sticky-top:0vw;margin-right:0%;margin-top:0%;margin-bottom:-10vw;grid-area:1/1/2/3;--is-sticky:1;--top:100px;}

.wdg{position:relative; z-index:10; padding-bottom:1vw;}
.rddc{height:9vw;}
.wdg .xcy_about_1{padding-top:0;}
.wdtright{position:absolute; right:0; top:0; z-index:10; width:100%;}

.xcy_brand_3_1_mid_rft{position:absolute; right:0; bottom:0; z-index:10; width:240px;}
.xcy_brand_3_1_mid_rft .xcy_contact_1_mid_footer_right{padding:0;}
.xcy_brand_3_1_mid_rft .xcy_contact_1_mid_footer_right .xcy_footer_1_mid_2 a{border-color:#fff; background-color:#fff;}
.xcy_about_4_c{ position:relative; z-index:10;margin:0 auto; width:72.91666666666667%;}
.xcy_about_4_c_rt{position:absolute; right:0; top:-3.4375vw; z-index:10;}
.xcy_about_4_c_mid{position:relative; height:49.11458333333333vw;}
.xcy_about_4_c_mid_ok{transform: scale(0, 0); background-color:#fff;position:absolute;border:5px #e39f9f solid; border-radius:100%;}
.xcy_about_4_c_mid_ok_1{ top:20.57291666666667vw;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) .3s;left:0; width:21.35416666666667vw; height:21.35416666666667vw;   }
.xcy_about_4_c_mid_ok_2{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;left:27.14285714285714%; width:37.91666666666667vw; top:0; height:37.91666666666667vw;  }
.xcy_about_4_c_mid_ok_3{ bottom:0vw;right:0; width:21vw; height:21vw; transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) .5s;  }
.psimg{position:absolute; left:0; top:0; width:100%;}
.xcy_about_4_c_mid_ok_jj{ text-align:center; font-size:1.25em; overflow:hidden;position:absolute; z-index:10; border-radius:100%;border:5px #e39f9f solid;}

.xcy_about_4_c_mid_ok_1 .xcy_about_4_c_mid_ok_jj{width:48%; height:48%; left:26%; top:26%;}
.xcy_about_4_c_mid_ok_3 .xcy_about_4_c_mid_ok_jj{width:48%; height:48%; left:26%; top:26%; }
.xcy_about_4_c_mid_ok_2 .xcy_about_4_c_mid_ok_jj{width:78%; height:78%; left:11%; top:11%; border:none;filter: blur(5px);transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 1s; }
.xcy_about_4_c_mid_ok_jj_bg{ height:100%;position:absolute; left:0; top:0; width:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.xcy_about_4_c_mid_ok_2 .xcy_about_4_c_mid_ok_jj:after{content:''; position:absolute; left:0; top:0; z-index:5; width:100%; height:100%; background-color:#000; opacity:.29;}
.xcy_about_4_c_mid_ok_jj_mid{position:absolute; left:16%; width:68%; bottom:6vw; z-index:10; color:#fff; text-align:center;}
.xcy_about_4_c_mid_ok_jj_mid_1{font-weight:bold;}
.xcy_about_4_c_mid_ok_jj_mid_2{font-size:18px; line-height:1.6; margin-top:14px;}
.swiper-slide-active .xcy_about_4_c_mid_ok{transform: scale(1, 1);}
.swiper-slide-active .xcy_about_4_c_mid_ok_2 .xcy_about_4_c_mid_ok_jj{transform: rotate(0deg);filter: blur(0px);}
.xcy_about_3_contact_rt{ width:45.26041666666667vw;
position:absolute; right:0; top:5.88541666666667vw;}
.xcy_footer_1_mid_1 dl dd{
position:relative; z-index:10;}
.xcy_footer_1_mid_1 dl dd img,.header_mid_right_right ul li  dl dd img{ display:none;
position:absolute; max-width:none; width:120px; top:32px; left:50%;-webkit-transform: translateX(-50%);
transform: translateX(-50%);}
.xcy_footer_1_mid_1 dl dd:hover img,.header_mid_right_right ul li  dl dd:hover img{
display:block}
.header_mid_right_right ul li  dl dd{
position:relative; z-index:10;}

.cbrand:hover img{ -webkit-box-shadow:0 0 50px rgba(119,87,255,0.7);
-moz-box-shadow:0 0 50px rgba(119,87,255,0.7);
-ms-box-shadow:0 0 50px rgba(119,87,255,0.7);
-o-box-shadow:0 0 50px rgba(119,87,255,0.7);
box-shadow:0 0 50px rgba(119,87,255,0.7); border:none;
/*-webkit-box-shadow: 0 0 50px #fff;*/
-webkit-animation: bounce-up 1.4s linear infinite;

animation: bounce-up 1.4s linear infinite;
}

@-webkit-keyframes bounce-up {

25% {

-webkit-transform: translateY(10px);


}

50%, 100% {

-webkit-transform: translateY(0);

}

75% {

-webkit-transform: translateY(-10px);

}

}



@keyframes bounce-up {

25% {

transform: translateY(10px);

}

50%, 100% {

transform: translateY(0);

}

75% {

transform: translateY(-10px);

}

}
.xcy_about_1_left_1 ul li span:after {
width:0;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 1s;}
.xcy_about_1_left_1 ul.animated li span:after{
width:100%;}
.xcy_about_3 .xcy_about_1_left_1 ul li span:after{
width:100%;transition: all 0s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.xcy_index_1_a{padding-top:0vw;}



@media screen and (max-width:1700px) {

.xcy_brand_4_1_mid_left_mid{padding-top:3vw;}
.xcy_brand_4_1_mid_left_c span{font-size:1.25em;}
.okt_mid span{width:70%; font-size: 30px}

.indexbanner_play a{font-size:.875em;}
.banner_img_jj{font-size:.65em;}
.xcy_about_1_ok .xcy_about_1_left_1 ul,.wdtright{font-size:.65em;}
.xcy_index_1_mid_2{font-size:18px;}
.newsinfo_mid_5{font-size:1.5em;}
.xcy_news_2_1_mid_1:after{font-size:.65em;}
.xcy_news_2_1_mid_2,.xcy_news_1_mid_jj_right_jj{font-size:.875em;}
.xcy_pro_page{font-size:.875em;}
.swiper-pagination-ok .swiper-pagination-bullet{font-size:.65em;}
.xcy_j_1_mid_left_mid_1{font-size:1.875em;}
.xcy_j_1_mid_left_mid_2{font-size:1em;}
.kmid_1{font-size:3.5em;}
.kmid_2{font-size:1em;}
.xcy_about_6_mid_right_1{margin-bottom:3.5em;}
.xcy_about_6_mid_right_2_mid_2{font-size:1em;}
.xcy_about_5_2_jj_mid span{font-size:1em;}
.xcy_about_3_top,.xcy_about_2_mid_3_left{font-size:1.875em;}
.xcy_about_3_1_mid,.xcy_about_5_1{font-size:.65em;}
.xcy_about_1,.nybanner_jj{font-size:.65em;}
.xcy_about_1_right{margin-right:2.60416666666667%}
.header_mid_right ul li{margin-left:1.5em;}
.menubg{width:75%;}
.indexmid_3_mid_4_mid_2_1 span{font-size:1.375em;}
.indexmid_3_mid_4_mid_2_2{font-size:1.125em;}
.nybanner_jj_3{font-size:1em;}

.joinus_1_mid_right_mid{ padding:3vw 0;margin:0 4vw;}

.joinus_1_mid_right_mid_1{font-size:2.5em;}
.joinus_1_mid_right_mid_2{font-size:1.125em;}
.newsinfo_mid{margin:0 4em;}
.newsinfo_mid_1 span{font-size:1em;}
.newsinfo_mid_2{font-size:1.875em;}
.news_2_1_mid{padding-bottom:4.5em;}
.news_2_1_mid_2_mid{padding:1.5em;}
.news_2_1_mid_2_mid_2{font-size:1.25em;}
.news_2_1_mid_2_mid_1 span{font-size:.875em;}
.news_1_mid_right_mid_2{font-size:1.5em;}
.news_1_mid_right_mid_1 span{font-size:1em;}
.pro_info_2_mid{padding-bottom:12em}
.pro_info_2_left_2_mid_1{font-size:1.5em;}
.pro_info_2_left_2_mid_2{font-size:1em;}
.pro_info_1_jj_2{font-size:1.5em;}
.pro_info_1_jj_3{font-size:1em;}
.proinfo_banner_1{font-size:2.5em;}
.proinfo_banner_2 h2{font-size:1.65em;}
.proinfo_banner_3{font-size:1em; margin-top:1.5em;}
.pro_viewmore{
font-size:.875em;}
.pro_1_mid_left_right_1{
font-size:2em;}
.pro_1_mid_left_right_2{
font-size:1.5em;}
.pro_1_mid_left_right_3{
font-size:1em;}
.about_1_mid_left_2 h2{
font-size:2.25em;}
.about_1_mid_left_1{
font-size:1.375em;}
.nybanner_jj_1{
font-size:2.5em;}
.nybanner_jj_2{
font-size:1.875em; }
.indexmid_5_2{
font-size:2em;}
.indexmid_5_1{
font-size:1em;}
.indexbanner_cir:before{
font-size:.75em;}
.footer_2_left_mid_1{
font-size:1.5em;}
.indexmid_4_1_right_mid_2{
font-size:1.875em;}
.news_index_view,.indexmid_4_1_right_mid_1 span,.indexmid_4_1_right_mid_3{
font-size:1em;}
.indexmid_2_mid_right{
top:1vw;}
.indexmid_2_mid_right_1{
margin-top:3vw;}
.indexmid_3_mid_2{
font-size:1.125em;}
.indexmid_1_right_mid_1{
font-size:2em;}
.indexmid_1_right_mid_2{
font-size:1em;}
.comview{
font-size:.5em;}
.indexbanner .swiper-pagination-bullet{
}
.banner_img_jj_mid_1{
font-size:2.5em}
.banner_img_jj_mid_2{
font-size:1.5em}

}

@media screen and (max-width:1440px) {
    .okt_mid span{font-size: 28px; padding-top:13px}
}
@media screen and (max-width:1330px) {
    .okt_mid span{font-size: 26px;}
.header_mid_right_right ul li:nth-child(2){display:none}
}
.xcy_news_info_1 .xcy_news_1_mid_jj_right_jj_2{-webkit-line-clamp: 30;}
@media screen and (max-width:1200px) {
.xcy_about_6_mid_right{
margin-right:0}
.xcy_about_2_mid_1{
font-size:1.5em;}
.xcy_brand_4_1_mid_left_mid_2{
font-size:1em;}
.xcy_brand_4_1_mid_left_c span{
font-size:1.125em;}
.xcy_news_info_1{
padding-right:0;}



.xcy_news_info_2{
font-size:1em;}
.xcy_news_1_mid_c{
display:none}
.xcy_contact_1_mid_left_1{
font-size:2em;}
.xcy_about_2_mid{
margin:0 2.60416666666667%}
.xcy_about_1{
font-size:.45em;}


.header_mid_right_right ul li:nth-child(1){
display:none}
.joinus_1_mid_right_mid_1{
font-size:1.875em;}
.newsinfo_mid_2{
font-size:1.5em;}
.news_1_mid_right_mid_2,.news_2_1_mid_2_mid_2{
font-size:1.125em;}
.news_1_mid_right_mid_1 span{
font-size:.875em;}
.pro_info_2_left{
top:0; position:static; float:left}
.pro_info_2_left_2_mid{
margin-left:0; margin-right:0}
.pro_info_2_left_2_mid_1{
font-size:1.25em;}
}
.moklist_mid{
position:relative; height:180px; text-align:center; width:180px; margin:0 auto;   border-radius:100%;}

.moklist .swiper-slide .moklist_mid{ background-color:#98a086; color:#333;}
.moklist .swiper-slide:nth-child(2n) .moklist_mid{ background-color: rgba(152,160,134,.12); color:#98a086}
.moklist{
display:none; margin-top:2em;}
#swiper-pagination-index-bannersdss{
position:static; padding-top:1.5em;}

@media screen and (max-width:1080px) {
.xcy_news_1_mid_jj_right_jj_1{
font-size:16px;}
.xcy_index_1_mid_1{
font-size:4em;}
.xcy_index_1_mid_2{
font-size:16px;}
.xcy_about_4_c_mid_ok_jj_mid_2{
font-size:15px;}
.xcy_about_4_c_mid_ok_jj{
font-size:1.125em;}
.xcy_brand_5_1{
display:none}
.moklist{
display:block}
.kmid_1{
font-size:3em;}
.kmid_2{
font-size:1.125em;}
.nybanner_jj_1_xcy{
font-size:4em;}
.header_mid_right_right{
display:none}


.jobmask_mid_mid{
margin-top:2em; margin-bottom:2em;}
.jobmask_mid_close{
top:1em; right:1em;}
.jobmask_mid_mid_1{
font-size:1.25em;}
.jobmask_mid_mid{
margin-left:2em; margin-right:2em;}
.jobmask_mid_close a img{
width:2em;}
.indexmid_5_3 a{
font-size:.75em;}
.indexmid_5_2{
font-size:1.875em;}
.indexmid_4_1_right_mid_2{
font-size:1.25em;}
.indexmid_4_1_right_mid_1 span,.news_index_view{
font-size:.875em;}
.indexmid_2_mid{
margin-bottom:25vw;}
.banner_img_jj{
}
.comview{
font-size:.4em;}
.indexmid_1_right_mid_1{
font-size:1.875em;}
.indexmid_1_right{
left:2.60416666666667%; right:2.60416666666667%}
#header.cur.headroom--unpinned{
top:0%;}
#header .header_mid{ margin-top:0; margin-bottom:0;}
#header.cur,#header{
background-color:#fff; padding:.5em 0;}
#header .header_mid_left a img{
opacity:0; height:40px;}
#header .header_mid_left a:after{
top:0; opacity:1;
}
.header_mid_right{
display:none}
.nav-btn-box{
display:block}
.nybanner_jj_2{
font-size:1.5em;}
.nybanner_jj_1{
font-size:2em;}
.about_1_mid_left_1{
font-size:1em;}
.pagew{
margin-left:2.60416666666667%; margin-right:2.60416666666667%;}
.about_1_mid_left_2 h2{
font-size:1.875em;}
}
@media screen and (max-width:1024px) {
.xcy_brand_4_1_mid_left{
min-height:40vw;}
.xcy_j_1_mid_left_mid_1{
font-size:1.5em;}
.xcy_about_3_contact_mid_mid_2{
font-size:16px;}
.xcy_contact_1_mid_left_mid_left img{
width:55px;}
.xcy_contact_1_mid_left_mid ul li{
padding-left:70px;}
.xcy_contact_1_mid_left_mid_right_2{
font-size:1.5em;}
.newsinfo_mid_4_mid_mid{ display:none;
position:static;-webkit-transform: translate(0%, 0%);
transform: translate(0%, 0%);}
.pro_info_1_jj{
top:15%;}
.pro_info_1_jj_2{
font-size:1.25em;}
.proinfo_banner_1{
font-size:1.875em;}
.proinfo_banner_2 h2{
font-size:1.25em;}
.pro_1_mid_left_right_1{
font-size:1.5em;}
.pro_1_mid_left_right_2{
font-size:1.125em;}
.footer_2{
padding-right:12em;}
.footer_2_right{
width:11.4em;}
.footer_2_left{
display:none}
.footer_2{
padding-left:0}
.footer_2_mid_mid{
padding-left:0; border-left:none}
}
@media screen and (max-width:950px) {
.pro_info_1_jj{
position:static; width:auto; margin:0 2.60416666666667%; padding:2em 0;}

}
@media screen and (max-width:900px) {
.xcy_index_1_mid:after{
height:2px;}
.wdtright{
position:static; padding-top:2.5em;}
.wdtright .xcy_about_1_right{
float:none}
}
@media screen and (max-width:850px) {

.xcy_about_5_2{
margin-left:0}
.news_2_1 ul li{ width:49%; margin-right:0;
margin-bottom:3em;}
.news_2_1 ul li:nth-child(2n){
float:right}
.news_1_mid_left{
width:100%;}
.news_1_mid_right{
position:static; height:auto; width:100%; padding:2em 0;}
.news_1_mid_right_mid{
margin-left:1.5em; margin-right:1.5em;}
}
#swiper-pagination-index-banners.nmw{ padding-bottom:20vw;
position:static; margin-top:2em; display:none}
.xcy_indexab_r_mid_1 img{
display:none; width:100%;}
@media screen and (max-width:810px) {
#footer{display: none}
.xcy_footer_1_right_2{text-align:right}
.xcy_footer_1_right_2 a{font-size:.65em; display:inline-block;}
.xcy_footer_1_right_1{text-align:center; margin-top:1.5em;}
.xcy_footer_1_left_1{text-align:center}
.xcy_footer_1_left_1 img{height:40px;}
.xcy_footer_1_left_2 span{margin-right:0; text-align:center; display:block}
.xcy_footer_1_right{width:100%;}
.xcy_footer_1_mid{display:none}
.xcy_footer_1_left{width:100%;}
#footer .xcy_footer_1_mid_1{display:none}
.xcy_indexab_r_mid_2 .xcy_news_1_mid_jj_right_jj_2{font-size:18px;}
.xcy_index_2_2{font-size:16px;}
.mmcindex .xcy_about_5_2_top{position:static; padding-bottom:2em; padding-right:2.60416666666667%}
.xcy_indexab_r{margin-left:2.60416666666667%; margin-right:2.60416666666667%}
.xcy_indexab_r .swiper-container .swiper-slide-active .xcy_indexab_r_mid_2{
top:auto; bottom:0;
}
.xcy_indexab_r_mid{
height:auto}
.xcy_indexab_r .swiper-container .swiper-slide-active .xcy_indexab_r_mid_2_mid{
max-width:none; padding:1em;}
.xcy_indexab_r_mid_1{
height:auto; position:relative;}
.xcy_indexab_r_mid_1_bg{
display:none}
.xcy_indexab_r_mid_1 img{
display:block}
.xcy_index_3_2  .xcy_footer_1_mid_2 a{
margin:0 auto}
.okt_mid_7 span{
left:18%; top:20%;}
.okt_mid_8 span {
left:18%; top:20%;
}
.okt_mid span {font-size: 18px;}
.oklist_img{
margin:0 auto; width:80vw;}
.okt_mid{
width:20vw; height:20vw;}
.okt{-webkit-transform: translateY(-0%);
transform: translateY(-0%);
position:relative; left:auto; width:80vw; height:80vw; margin:2em auto;}
.oklist{-webkit-transform: translateY(-0%);
transform: translateY(-0%);
position:relative; width:100%;}
.xcy_index_3_1_mid{-webkit-transform: translateY(-0%);
transform: translateY(-0%);
width:120px; height:120px;}
#hbbhbb{
margin:0 2.60416666666667%}
.xcy_about_6_mid_left,.xcy_about_6_mid_right{
width:100%;}
.xcy_about_5_2_mid{
height:37vw;}
.swiper-container-hb .swiper-slide, .swiper-container-hb .swiper-slide .xcy_about_5_2_mid{
width:27vw;}
.swiper-container-hb .swiper-slide-active, .swiper-container-hb .swiper-slide-active .xcy_about_5_2_mid{
width:45.52083333333333vw}
.xcy_about_4_c_mid_ok_jj{
font-size:16px;}
.xcy_about_3_2 {
display:none}
#swiper-pagination-index-banners.nmw{
display:block}
.xcy_about_his_nav{
width:160px; height:160px; right:0;}
.xcy_about_his_nav_c_mid{transform: translate(-50%, -50%) scale(.65, .65);}
.xcy_about_2_mid_1{
font-size:1.25em;}
.kmid_2{
font-size:1em;}
.kmid_1{
font-size:2em;}
.xcy_brand_4_1_mid_left{border-radius: 0 0 1.5625vw 1.5625vw;
position:static; min-height:inherit; width:100%; margin-bottom:10vw; padding-bottom:10vw;}
.xcy_brand_4_1_mid_right{
margin-left:0;}
#okcd_1,#okcd_2,#okcd_3{
font-size:3em;}
.xcy_about_2_mid_3{
padding-left:0;}
.xcy_about_2_mid_3_right{
font-size:1em;}
.xcy_about_2_mid_3_left {
font-size:1.25em; padding-bottom:5px; position:static;}
.xcy_about_2_nav_j{
display:none}
.newsinfo_mid_5{
font-size:1.25em;}
.xcy_news_1_mid_jj_right_jj_1{
font-size:16px}
.xcy_news_2_1 ul li .xcy_news_1_mid_jj_right_jj_2{
font-size:1.125em;}
.xcy_contact_1_mid_footer_right .xcy_footer_1_mid_2 a{
margin:0 auto}
.xcy_contact_1_mid_footer_right{
margin-left:0}
.xcy_contact_1_mid_left_1{
font-size:1.5em;}
.xcy_contact_1_mid{
padding-left:0}
.xcy_contact_1_mid_left{ padding-top:2em; padding-bottom:2em; margin-bottom:13vw;
position:relative; width:100%;}
.xcy_about_1{
font-size:.35em;}
.nybanner_jj_1_xcy{
font-size:3em;}
.indexmid_5_2{
font-size:1.5em;}
.indexmid_4_1{
padding:2em 0; margin-top:2em;}
.indexmid_4_1_right_mid{
margin:1.5em 1em;}
.indexmid_4_1_right{
margin-left:3%;
}
.indexmid_3_mid_2{
font-size:.875em;}
.indexmid_2_mid{
margin-bottom:32vw;}
.indexmid_1_left{
margin-left:0}
.indexmid_1_right {
-webkit-transform: translateY(0%);
transform: translateY(0%);
max-width: 100%;
position:static; padding-top:2em;
margin-left: 2.60416666666667%;
margin-right: 2.60416666666667%;
top: 0%;
}
.indexmid_1_right_mid_1{
font-size:1.5em;}
.indexbanner .swiper-pagination-bullet{
font-size:.5em;}
.banner_img_jj_mid_1{
font-size:1.875em;}
.banner_img_jj_mid_2{
font-size:1.25em;}
.joinus_2_mid_mid_2{
font-size:1.25em;}
.joinus_2_mid_mid_1{
font-size:.875em;}
.joinus_2_mid_mid{
margin:0 1.5em; padding-top:2.5em; padding-bottom:2.5em;}
.joinus_2{
padding-top:2.5em; padding-bottom:2.5em;}
.joinus_2_mid{
max-width:100%;}
.joinus_1_mid_right_mid_3_mid_1{
font-size:1.125em;}
.joinus_1_mid_right_mid_3_mid_2{
font-size:.875em;}
.joinus_1_mid_right{
margin-left:3%;}
.newsinfo_mid_3{
margin-bottom:2em;  }
.newsinfo_mid{
margin:0 2em; padding-bottom:2em;}
.newsinfo_mid_2{
font-size:1.25em;}
.newsinfo_mid_4_mid_left,.newsinfo_mid_4_mid_right{
}
.newsinfo_mid_4_mid_left a{
padding-right:0}
.newsinfo_mid_4_mid_right a{
padding-left:0}
.newsinfo_mid_4_mid_right{
}
.pages_3_mid_right{
width:85%;}
.pages_1_right{
max-width:85%;}
.proinfo_banner{
left:2.6%; right:2.6%;}
.pro_2 .indexmid_3_mid_4 ul li{
margin-bottom:2em;}
.pro_banner_pn{
left:2.60416666666667%; color:#fff; bottom:1.5em;}
.pro_banner_pn a{
color:#fff}
.pro_1{
padding:2.5em 0 6em 0;}
.pro_1_mid_left_left{
width:100%;}
.pro_1_mid_right{
width:100%;}
.pro_viewmore{
font-size:.75em;}
.pro_1_mid_left_right{ width:100%; margin-top:1.5em;
position:static;-webkit-transform: translateY(-0%);
transform: translateY(-0%);}
.indexbanner_cir:before{
font-size:.6em;}
.indexbanner_cir{
width:5em; height:5em;}
.footer_2{
display:none}
.footer_3{
margin-top:0}
.footer_1{
padding:2em 0;}
.nybanner_jj_2{
font-size:1.125em;}
.nybanner_jj_1{
font-size:1.875em;}
.about_2_1_left{
width:100%;}
.about_2_1_right{
width:100%;}
.about_2_2 .about_2_1_left{
width:100%;}
.about_2_2 .about_2_1_right{
width:100%;}

}

@media screen and (max-width:768px) {
.indexmid_2_mid{
margin-bottom:38vw;}
.banner_img_jj_mid_2{
font-size:1em;}
.indexmid_1_right_mid_1,.banner_img_jj_mid_1{
font-size:1.25em;}
.joinus_1_mid_right_mid_1{
font-size:1.25em;}
.joinus_1_mid_right_mid_1{
font-size:1.5em;}
.joinus_1{
padding-top:4em;}
.joinus_1_mid_left{
top:-2em;}
.pro_page{
margin-bottom:4em;}
.pagination li:nth-child(1) span, .pagination li:nth-child(1) a,.pagination li:last-child span, .pagination li:last-child a{
width:1.5em;}
.pagination li{
margin:0 5px;}
.indexmid_3_mid_4_mid_2_1 span{
font-size:1.125em;}
.indexmid_3_mid_4_mid_2_2{
font-size:1em;}
.indexmid_3_mid_4_mid_2_3{
font-size:.9375em;}
.indexmid_3_mid_4{
margin-top:2em;}
.indexmid_3_mid_4_mid_1:after{
display:none}
.indexmid_3_mid_4 ul li{
width:49%; margin-right:0}
.indexmid_3_mid_4 ul li:nth-child(2n){
float:right}
.about_1_mid_left_2 h2{
font-size:1.5em;}
.about_1_mid_left_3{
margin-top:1.5em;}
}
@media screen and (max-width:700px) {
.indexmid_2_mid_left{
width:100%;}
.indexmid_2_mid_right{
position:static; width:100%; padding-top:2em;}
.indexmid_2_mid{
margin:2em 0;}
}
.swiper-pagination-bullet-active{
background-color:#859e4b}
#footerjoinus ul {
display:none}
#footerjoinus ul li{
float:left; width:49%; }
#footerjoinus ul li:nth-child(2){
float:right}
#footerjoinus ul li a{ border:1px #98a089 solid;
display:block; text-align:center; background-color:#fff; border-radius:2.5em; line-height:2.5em;}
#swiper-pagination-index-banners.ceee{
display:none}
@media screen and (max-width:640px) {
.ccc{
display:none}
#swiper-pagination-index-banners.ceee{
display:block}
#footerjoinus .fllll{
display:none}
#footerjoinus ul{
display:block}
.xcy_brand_3_1_mid_rft{
position:static; padding-top:2em; width:100%;}
.xcy_index_1_mid_1{
font-size:3em;}
.wdtright{
overflow:hidden; width:100%; overflow:hidden; clear:both;}
.xcy_index_1_dl dd{
float:left; width:32%; margin-left:0; margin-right:2%;}
.xcy_index_1_dl dd:nth-child(3){
margin-right:0;}

.xcy_about_5_2_mid{
height:55vw;}
.swiper-container-hb .swiper-slide, .swiper-container-hb .swiper-slide .xcy_about_5_2_mid{
width:45vw;}
.swiper-container-hb .swiper-slide-active, .swiper-container-hb .swiper-slide-active .xcy_about_5_2_mid{
width:63.52083333333333vw}


.shuye{
top:35vw;}
.xcy_about_4_c_rt{}
.xcy_about_4_c{
width:auto; margin:0 2.60416666666667%; padding-top:90px;}
.xcy_about_4_c_mid_ok_2{
left:0; width:100%; height:100%;}
.xcy_about_4_c_mid{
width:70vw; height:70vw; margin:0 auto}
.xcy_about_4_c_mid_ok_1,.xcy_about_4_c_mid_ok_3{
display:none}
.xcy_about_2_mid_1{
font-size:1.125em}
.xcy_brand_4_2{
display:none}
.xcy_brand_4_2_mid_c_c{
font-size:.875em;}
.xcy_brand_4_1_mid_left{
margin-bottom:50px; padding-bottom:50px;}
.xcy_brand_4_1_mid_left_c span{
font-size:14px;}
.xcy_brand_4_1_mid_left_c img{
bottom:0;}
.xcy_brand_4_1_mid_left_c{
width:100px; height:100px; bottom:-50px;}
.xcy_brand_3_1_mid_right ul li{
margin-top:1em;}
.xcy_brand_3_1_mid_left ul li{
margin-bottom:1em;}
.xcy_brand_3_1_mid_right{
position:static; width:100%;-webkit-transform: translateY(-0%);
transform: translateY(-0%);}
.xcy_brand_3_1_mid_left{
width:100%;}
#okcd_1, #okcd_2, #okcd_3{
font-size:2em;}
.xcy_about_3_top {
font-size:1.375em; font-weight:bold;}
.xcy_j_1{
padding-top:4vw;}
.xcy_j_1 ul li:nth-child(2n) .xcy_j_1_mid_left_mid{
padding-left:0; padding-right:0}
.xcy_j_1 ul li:nth-child(2n) .xcy_j_1_mid_right{
margin-right:0}
.xcy_j_1_mid_left_mid_1{
font-size:1.25em;}
.xcy_j_1_mid_left_mid{
padding-right:0; padding-left:0}
.xcy_j_1_mid_left{ padding-left:1em; padding-right:1em;border-radius: 0 0 1.5625vw 1.5625vw;
position:static; width:auto; padding-top:2em; padding-bottom:2em;}
.xcy_j_1_mid_right{
margin-left:0}
.indexmidd{
margin-top:40px;}
.xcy_news_2_1_mid_2{
margin-top:1.5em}
.xcy_news_1_mid_act{
position:static; margin:0 auto; text-align:center;}
.xcy_news_1_mid_jj_right{
position:static; width:100%;border-radius: 0 0 1.5625vw 1.5625vw; }
.xcy_news_1_mid_jj_left{
width:100%;}
.xcy_news_1_mid_jj_right_jj{
position:static; width:auto; padding:2em 1em;}
.xcy_news_2_1_mid_1:after {
font-size:.45em;}
.xcy_news_2_1 ul li{
width:100%;}
.xcy_about_1_right,.xcy_about_1_left{
float:none; width:auto; margin-left:2.60416666666667%; margin-right:2.60416666666667%;}
.xcy_about_1_right{
font-weight:bold; margin-bottom:10px;}
#map_canvas{
height:65vw;}
.xcy_contact_1_mid_right ul li{
width:100%;}
.xcy_contact_1_mid_right ul li:nth-child(1){
margin-bottom:1em;}
.xcy_contact_1_mid_right ul li:last-child{
width:100%;}
.xcy_about_1{
font-size:.25em;}
.jobmask_mid_mid{
margin-left:1em; margin-right:1em;}
.indexmid_5_2{
font-size:1.25em;}
.indexmid_5_3 a{
font-size:.55em;}
.joinus_1_mid_right_mid{
padding-top:2em; padding-bottom:2em;}
.joinus_1_mid_right_mid_2{
font-size:1em; line-height:1.5;}
.jobnav_mid{
width:135px;}
.jobnav_mid_left,.jobnav_mid_right{
width:32px;}
.joinus_1_mid_right_mid_3 ul li{
width:100%;}
.news_2_1 ul li{
width:100%;}
.pages_2_mid_left{
width:100%;}
.pages_2_mid_right{
width:100%; margin-top:2em;}
.pages_1{
padding-top:2.5em; padding-bottom:2.5em;}
.pro_info_2_mid{
padding-bottom:0}
.pro_info_2_left,.pro_info_2_right{
width:100%;}
.pro_info_2_right{
margin-top:2em;}
.footer_3_mid_left,.footer_3_mid_right{ line-height:1.5;
float:none; width:100%; text-align:center;}
.footer_3_mid_left{
padding-bottom:5px;}
.pro_page{
margin-bottom:2em;}
}
@media screen and (max-width:480px) {
#comp-kkpjvjrq{
position:static}
.indexbanner_play{
bottom:120px;}

.xcy_about_2_mid_3_right{
padding-right:32px;}
.xcy_about_2_nav{
top:50%; right:0; font-size:.875em;-webkit-transform: translateY(-50%);
transform: translateY(-50%);}
.xcy_about_1_right_1,.xcy_contact_1_mid_left_1{
font-size:24px;}
.xcy_about_1_left_1 ul li span{
font-size:22px;}
..nybanner_jj_1_xcy{
font-size:30px; margin-bottom:10px;}
.banner_img_jj_mid_2_xcy{
font-size:18px; line-height:1.6;}

.xcy_footer_1_mid_2 a{
font-size:.5em;}
.xcy_footer_1_mid_2 a span{
font-size:16px;}
.xcy_about_5_2_mid{
height:70vw;}
.swiper-container-hb .swiper-slide-active, .swiper-container-hb .swiper-slide-active .xcy_about_5_2_mid{
width:100%;}
#dlxx{ right:-20px;
top:0; bottom:auto;transform: scale(.6, .6);}
.xcy_about_3_contact_mid_mid_2{
padding-bottom:20px;}
.xcy_about_3_contact_mid__ ul li{ height:auto;
width:49%; margin-bottom:16px; margin-right:0}
.xcy_about_3_contact_mid__ ul li:nth-child(2n){
float:right;}
.xcy_contact_1_mid_left_mid_right_2{
font-size:1.375em;}
.xcy_contact_1_mid_left{
margin-bottom:80px;}
.xcy_contact_1_tt{
top:-60px;}
.xcy_contact_1_mid_left_1{
font-size:1.375em;}
.nybanner_jj_1_xcy{
font-size:2em;}
.xcy_pro_page{
font-size:.75em;}
.indexmid_3 .indexmid_3_mid_4 ul li{
width:100%;}
.banner_img_jj_mid_1{
font-size:1.5em;}
.banner_img_jj_mid_2{
font-size:1em;}
.newsinfo_mid_2{
font-size:1.125em;}
.newsinfo_mid_1 span{
font-size:.875em;}
.pages_3_mid_right{
width:95%;}
.pro_info_1_jj_2{
font-size:1.125em; margin-bottom:1em;}
.proinfo_banner_1{font-size:1.375em;}
.proinfo_banner_2 h2{font-size:1.125em;}
.indexmid_3_mid_4_mid_1{height:auto}
.indexmid_3_mid_4_mid_1 img {-webkit-transform: translate(-0%, -0%);transform: translate(-0%, -0%);z-index: 10;position:static;left: 50%;top: 50%;max-height:inherit; max-width:30%;}
.pro_2 .indexmid_3_mid_4 ul li{width:100%; padding-bottom:2em;}
.indexbanner_cir{font-size:.75em;}
.footer_1 img{height:3.5em;}
.footer_1{padding:1.5em 0;}
.about_3_mid_mid_1{font-size:1.125em;}
.nybanner_jj_2{font-size:1em;}
.nybanner_jj_1{font-size:1.5em;}
.about_1_mid_left_1{font-size:.875em;}
.about_1_mid_left_2 h2{font-size:1.25em;}
}

.nan{padding-bottom:5.20833333333333vw;}
.nan .xcy_about_5_2_jj{bottom:5.20833333333333vw;}
.xcy_about_5_2_jj_info{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;position:absolute; left:0; bottom:0; width:100%; z-index:10; opacity:0;}
.xcy_about_5_2_jj_info_mid{margin:2.60416666666667vw; padding:2.60416666666667vw; margin-bottom:0; background-color:#d61818;border-radius: 1.5625vw;}
.xcy_about_5_2_jj_info_mid_mid_1{font-size:1.25em; margin-bottom:2px;}
.xcy_about_5_2_jj_info_mid_mid_2{font-size:1.125em; margin-bottom:15px;}
.xcy_about_5_2_jj_info_mid_mid_3{font-size:1.125em; line-height:1.8; opacity:.62;}
.nan.swiper-slide-active .xcy_about_5_2_jj_info{opacity:1;}
.nan.swiper-slide-active .xcy_about_5_2_jj{opacity:0;}

@media screen and (max-width:1700px) {
.xcy_about_5_2_jj_info_mid_mid_3,.xcy_about_5_2_jj_info_mid_mid_2{font-size:1em;}
}
@media screen and (max-width:480px) {
.nan{padding-bottom:30vw;}
}



.baninfo {height: 70px;position: relative;z-index: 2;background-color: #f1f1f1;}
.baninfo .cer8 {width: 85%; margin: 0 auto}
.tree {height: 100%;font-size: 16px;line-height: 70px;color: #666;padding-left: 30px;background: url('../images/point1.png') 0 no-repeat;word-break: break-all;  text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.tree a {display: inline-block;height: 100%;color: #666;vertical-align: middle;}
.tree a:hover,.tree a.leaf {color: #ef7c00;}
.tree i {display: inline-block;width: 28px;height: 100%;vertical-align: middle;text-align: center;}

.fenye{width: 80%; margin: 0 auto 5% auto;display: flex; display:-webkit-flex;-webkit-justify-content:center;   justify-content: center; align-items: center;-webkit-align-items: center; height: 45px;}
.fenye_zong{ font-size: 14px; width: 130px; background: #f2f2f2; text-align: center;  line-height: 35px;}

@media screen and (max-width:1023px) {
    .fenye{width: 95%; margin: 0 auto 100px auto}
    .baninfo .cer8 {width: 95%; margin: 0 auto}
    .baninfo {height: 50px;}
    .tree {line-height: 50px;}
}

/*内页产品展示*/
.prolist_bot { width: 100%; margin: 0% auto; padding: 4% 0;background: #fff}
.prolist_bot ul{display: flex; display:-webkit-flex;-webkit-justify-content: left;   justify-content:  left;width: 85%; margin:0 auto 2% auto;flex-wrap: wrap;}
.prolist_bot ul li {width: 32%;height: auto;margin-right: 2%;margin-bottom: 25px;transition: all .5s;;border:1px solid transparent; border-color: rgba(151, 151, 151, 0.1);}
.prolist_bot ul li:nth-child(3n) {margin-right: 0px;}
.prolist_bot ul li a {display: block;width: 100%;height: 100%;}
.prolist_bot ul li a .prolist_liimg {width: 100%;border-radius: 6px;overflow: hidden;transition: .5s; }
.prolist_bot ul li a .prolist_liimg img {width: 100%;height: 100%;object-fit: cover;}
.prolist_bot ul li:hover .prolist_liimg img {transform: scale(1.1);}
.prolist_lititle {height: 90px;width: 100%;background-color: #fff;display: flex; align-items: center;-webkit-align-items: center; justify-content:center}
.prolist_lititle h3 {font-size: 18px;color: #666666;font-weight: bold }
.prolist_bot ul li:hover {box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);}

@media screen and (max-width:1023px) {
    .prolist_bot ul{width: 95%;}
    .prolist_bot ul li{width: 49%; margin-right: 1%; margin-bottom: 10px}
    .prolist_bot ul li:nth-child(2n) {margin-right: 0px;}
    .prolist_lititle {height:70px;}
    .prolist_lititle h3 {font-size: 16px;}
}

.xcy_contact_1{margin-bottom: 5vw}
.xcy_contact_1_mid_right .hang {width: 100%;margin-bottom: 32px;}
.xcy_contact_1_mid_right label {display: block;font-size: 16px;color: #333;line-height: 30px;}
.xcy_contact_1_mid_right input[type=text] {width: 48%;border: 0 none;line-height: 38px; margin-bottom:10px;font-size: 14px;color: #555;background-color: rgba(214, 24, 24, 0.1); padding-left: 10px;}
.xcy_contact_1_mid_right textarea {padding: 12px 14px;height: 110px;resize: none;vertical-align: top;width: 100%;line-height: 28px;font-size: 14px;}
.xcy_contact_1_mid_right input[type=text]:focus,.xcy_contact_1_mid_right textarea:focus {border-color: #0a60c6;}
.xcy_contact_1_mid_right input[type=text],.xcy_contact_1_mid_right textarea {-webkit-transition: 0.3s;transition: 0.3s;}
.xcy_contact_1_mid_right i.v {display: block;width: 100%;vertical-align: top;}
.xcy_contact_1_mid_right .layui-textarea {width: 100%;height: 80px;border: 0 none;line-height: 32px;font-size: 14px;color: #555;padding-bottom: 12px;background-color: rgba(214, 24, 24, 0.1);}
.xcy_contact_1_mid_right  .layui-btn{ display: block;width: 150px;height: 46px;font-size: 16px;line-height: 46px;background-color: #e80011;color: #fff;border: 1px solid #e80011;margin-top: 75px;}
.xcy_contact_1_mid_right  .layui-btn:hover{background-color: #fff;color: #e80011;}

.sContact-map {position: relative;width:100%;height: 600px;max-width: 100%;}
.sContact-map #dituContent {position: absolute;left: 0;top: 0;width: 100%;height: 100%;line-height: 1.1;background-color: #f5f3f0;}
.sContact-map #dituContent .BMap_bubble_title {font-size: 16px;margin-bottom: 5px;padding-right: 16px;color: #d70c18;}
.sContact-map #dituContent .BMap_bubble_content {width: auto;font-size: 14px;line-height: 18px;}
.sContact-map #dituContent img {max-width: none;}
._pen .sContact-map {pointer-events: none;}
@media screen and (max-width: 1024px) {
    .sContact-map {margin-top: 0.6rem;}
}


rongyumain {padding: 100px 0 90px;}
.cer8{ max-width: 1600px; margin:0 auto; padding: 0 30px;}
.rongyumain h2.btitle {font-size: 36px;color: #333;line-height: 54px;font-weight: bold;text-align: center;height: 54px;overflow: hidden;}
.rongyumain .intro {margin: 20px auto 0;font-size: 16px;color: #555;line-height: 32px;max-width: 1200px;text-align: center;}

@media screen and (max-width: 840px) {
    .cer8{  padding: 0 0px;}
}
/*内页合作案例*/
.rongyumain{margin-top: 5vw}
.kehulist {overflow: hidden;margin: 90px 0 72px;border-top: 1px solid #f2f2f2;border-left: 1px solid #f2f2f2;}
.kehulist li {float: left;width: 20%;text-align: center;}
.kehulist li a {display: block;background-color: #fff;overflow: hidden;border-bottom: 1px solid #f2f2f2;border-right: 1px solid #f2f2f2;}
.kehulist .pic {width: 100%;height: 138px;overflow: hidden;font-size: 0;line-height: 138px;}
.kehulist img {max-width: 70%;max-height: 70%;-webkit-transition: 0.3s;transition: 0.3s;}
.kehulist li:hover img {-webkit-transform: scale(1.04, 1.04);transform: scale(1.04, 1.04);}
.huotip {font-size: 18px;color: #666;line-height: 38px;text-align: center;position: relative;height: 38px;}
.huotip span {display: inline-block;vertical-align: top;letter-spacing: 1px;padding: 0 26px;}
.huotip i {display: inline-block;width: 40px;height: 1px;vertical-align: middle;background-color: #666;}
@media screen and (max-width: 1280px) {
    .kehulist li {width: 25%;}
}
@media screen and (max-width: 960px) {
    .huobanmain {padding: 100px 0 60px;}
    .huobanmain h2.btitle {font-size: 32px;}
    .kehulist li {width: 33.33%;}
    .huocon {line-height: 30px;}
}
@media screen and (max-width: 640px) {
    .huobanmain {
        padding: 80px 0 60px;
    }

    .kehulist li {
        width: 50%;
    }
}